Change colour of header tags in specific wrappers?

Change colour of header tags in specific wrappers? was created by easistudio

Posted 8 years 2 months ago #32861
I have set the colour of header tags in the parameters but in the bottom 2 wrappers (I have 5), I need to use a different colour. Please could tell me the correct syntax to put in the custom CSS?

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Change colour of header tags in specific wrappers?

Posted 8 years 2 months ago #32862
Hi
in parameters >> custom css you can write something like
Code:
#wrapper2 h3 { color: red; }
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by easistudio on topic Change colour of header tags in specific wrappers?

Posted 8 years 2 months ago #32870
If I wished to put this code in the CSS of the particular wrapper, is that possible? I have been trying to change the colours on all the headers H1-H6 but none of my code works.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Change colour of header tags in specific wrappers?

Posted 8 years 2 months ago #32871
like said you must put this code into
in parameters >> custom css

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: easistudio

Please Log in or Create an account to join the conversation.

Replied by easistudio on topic Change colour of header tags in specific wrappers?

Posted 8 years 1 month ago #32913
Ahhh... I have just spotted the following "The code here will not be applied into the interface but into the real preview or directly into your template."

I was swearing (in English as I only know one in French and it's a bit tame) for most of yesterday evening but in fact my efforts were working after all.

Please Log in or Create an account to join the conversation.

Replied by easistudio on topic Change colour of header tags in specific wrappers?

Posted 8 years 1 month ago #33591
There is something very odd happening as in the parameters settings, I have set the color of h1-h6 to #74000d but also added the below in Parameters > Custom CSS:-
Code:
#lowerwrapper h1, h2, h3, h4, h5, h6 { color: #f38630; }

The problem is all my h tags in other wrappers are now #f38630 when surely they should still be #74000d.

Edit:

Once again I find the answer seconds after posting question. I should be putting #lowerwrapper in front of each h tag size.
Code:
#lowerwrapper h1, #lowerwrapper h2, #lowerwrapper h3, #lowerwrapper h4, #lowerwrapper h5, #lowerwrapper h6 { color: #f38630; }
Last Edit:8 years 1 month ago by easistudio
Last edit: 8 years 1 month ago by easistudio. Reason: Found answer

Please Log in or Create an account to join the conversation.

Time to create page: 0.740 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1201 guests and no members online