Additional CSS Font size ignored

[DistantLands]

I have a Text Box in a Row where I have some additional CSS dictating font color, size and spacing. The color assignment is being obeyed, but the font size is being ignored. Any ideas why?

[David Martin – Support]

Will need a link to the page.

[DistantLands]

This reply has been marked as private.

[David Martin – Support]

This should do it:

.MainBody {
    color: #ad704a;
    font-size: 20px!important;
    width: 85% !important;
}

[DistantLands]

Hmm.. I’d tried that before and it didn’t work. Seems to be working now. You can close this ticket Resolved. Thanks-

[Rui Guerreiro – SUPPORT]

Great.

-Rui

[DistantLands]

OK, so this solution works for the first paragraph of text on the page. Then the next paragraph reverts back to default CSS, and the font size is lost again. Any suggestions??

[Rui Guerreiro – SUPPORT]

What next paragraph? the text with that custom css it’s using the correct css rules.

https://www.dropbox.com/s/jd8k6jqx2h25nma/Screenshot%202016-12-26%2016.28.05.png?dl=0

-Rui

[DistantLands]

If you look on the HOME page, you’ll see there are multiple paragraphs. I had to assign a <span> tag in-line to each paragraph with the custom CSS class to get the change to happen. I shouldn’t have to do this.

[Rui Guerreiro – SUPPORT]

I was looking at Our Story page example.
That isn’t necessary, just add the rule below and remove the custom class from the span.

.MainBody span{
   font-size: 20px!important;
}

-Rui

[DistantLands]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

I tried a different code

.MainBody p {
    font-size: 20px;
    line-height: 36px;
}

and it looks like this.

https://www.dropbox.com/s/2nftanwaxm6xgk7/Screenshot%202017-01-02%2018.14.01.png?dl=0

-Rui