Post by NickAircoshop » Tue Oct 10, 2017 8:24 pm

Hi,

I want all the h1 tags in the information page to change color without having to manually edit them in the text editor.
Im trying to change it with css, when i only use h1{color:#fff;} it works, but when i specify things like
#content > .col-sm-12 > h1 it seems like its not working.
Even when i try #content > h1.
I feel like im doing something wrong, can you help me out?

User avatar
New member

Posts

Joined
Fri Aug 11, 2017 3:43 pm

Post by DigitCart » Tue Oct 10, 2017 9:04 pm

Hi,
Did you try this?

Code: Select all

body[class*="information"] h1 {
	color: red;
}

My Extensions


User avatar
Active Member

Posts

Joined
Thu Jun 22, 2017 5:32 pm


Post by NickAircoshop » Tue Oct 10, 2017 9:21 pm

DigitCart wrote:
Tue Oct 10, 2017 9:04 pm
Hi,
Did you try this?

Code: Select all

body[class*="information"] h1 {
	color: red;
}
Hi
thanks for the reply, but that doesnt change anything.
I placed it in the stylesheet.css or do I have to place it elsewhere?

User avatar
New member

Posts

Joined
Fri Aug 11, 2017 3:43 pm

Post by NickAircoshop » Tue Oct 10, 2017 9:39 pm

When i change the selector to get class "information" like this:

Code: Select all

.information h1 {
	color:red;
}
it doesnt work, because the classes for all information pages changes.
in the developer tools it shows up like this:

Code: Select all

<body class="information-information-35">
The 35 is a variable, that changes on which information page I am. For example it would change to 90 instead on 35 on a different page.
I know that is caused by the

Code: Select all

class="<?php echo $class; ?>"
but how can i change this?

User avatar
New member

Posts

Joined
Fri Aug 11, 2017 3:43 pm
Who is online

Users browsing this forum: No registered users and 49 guests