Issue with a css file rewriting

Open 1 reply plugin plugin-widgets-bundle technical

7 years ago · Last reply by Alex S 7 years ago

Hi guys i am currently trying to get the mobile viewing of the web site to look presentable (www.fetechcoins.com) however i am running into an issue when i am editing a css file that has line of codes to set the margin of a headline and sub headline.
i have removed the !important from that css

so-widget-sow-headline-default-810529e7c268 .sow-headline-container *:last-child {
    margin-bottom: 0 !important;

inside of additional CSS under appearence i put:

@media only screen and (min-width: 300px) { h3.sow-sub-headline   {
    text-align: center !important;
	  color: #f2704f !important;
	text-shadow: none !important;
	font-size: 14px !important;
font-family: Montserrat;
    margin-right: 0px;
    margin-top: 2px !important;
	  margin-bottom: 100px !important;
	  padding: 0px !important;	
	}}

However something keep rewriting that css file and changing it back to margin-bottom: 0 !important; which then breaks the custom css code. that css is sow-headline-default-##########.css

any help is greatly appreciated

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 7 years, 8 months ago
Hi Peter,
Preface: Do not edit that file as any edit you make to that file (or any file with the random string of letters at the end of the file name) will be temporary and will not be maintained.
Okay so to bypass the !important used in that stylesheet you simply need to either be just as specific or even more. I would recommend using the following selector instead of what you’re using currently as that should be enough to override our styling:
```
.so-widget-sow-headline .sow-headline-container h1.sow-headline
```

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.