Font-size probelm

HTML & CSS
1

Hi

I don’t understand why I cannot change the font-size of .guarantee in http://pintotours.net/Americas/DomRepublic/BarceloDomini.html

I’ve tried everything including !important, adding or taking out

…

Obviously some later code is taking over, but I looked at FF Firebug, whic is new to me, and can’t understand how to read it to solve the problem

Thanks

1498×668 125 KB

My understanding of “Inherited from” is that e.g. I did not have to specify color as it was already in .ad as black.

yet, until I added

.guarantee p{
   font-size:16px !important;
    color:black !important;
   }

the color was blue and there no other way of putting it back in black…

2

Hi there qim,

it is extremely important that the adding of !important should not
be used in the off hand manner that you employ in your coding. :cold_sweat:

It can create more problems than it can solve. :mask:

Instead, improve your coding skills to make it’s use unnecessary. :blush:

This snippet…

.ad p { font-size: 21px !important; text-align:center !important; color:blue; font-family:"Segoe UI",Tahoma,Helvetica,Sans-Serif!important; margin-right:10px; }
…is rigidly setting the font-size that you are attempting to alter. :sunglasses:

If the above answer is not to your liking then just use this mess…

.ad .guarantee p { font-size:16px!important; }

coothead

3

Thank you coothead

I moved he code up and it seems to have solved the problem, for now.

Look like I have to do some spring-cleaning to this page, but then we have not even got to autumn yet!

4

Hi there qim,

This may interest you…

https://css-tricks.com/when-using-important-is-the-right-choice/

coothead

2 Likes
5

Thanks!

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.