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
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: