[tobygrayParticipant]

Hi,

I have no idea how I managed to change this as nothing I’ve done to my knowledge should affect it, but I can’t work out for the life of me how to change the accent color for the custom headers. I figured it was an option in the customizer somewhere but I can’t work it out. I’m running the latest versions of everything to my knowledge.

http://www.tobygrayphotography.com

[Nabeel AModerator]

Hey Toby,

To change the color of the heading, navigate to Appearance > Customize > Typography > Headings

You’re website has a coming soon page enables so could’t see the real issue of yours but try the above solution that will help you in changing the colors of all headings.

Let us know how this goes!

[tobygrayParticipant]

Hi again,

I think you’ve missed what I’m saying. Controlling the color of the headings themselves is fine, it’s the accent that has changed color independently.

There are some on this page: http://tobygrayphotography.com/headshots/actors/what-you-need-to-bring/

Next to the headers “Clothing” “Makeup” and “Hair” there are accents turned on using the custom headline shortcode; however, they appear black now for some reason. Earlier they were the same color as the font. If you look carefully you can just about make them out. (This wouldn’t be a problem if it wasn’t a color so similar to the background). I wasn’t aware of anything I actively changed to cause this.

[Nabeel AModerator]

Hey There,

Sorry for the confusion in our earlier message. Please try this code via Appearance > Customize > Custom > CSS:

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
}

Let us know if this helps!

[tobygrayParticipant]

That’s solved it. Thanks for your help 🙂

[MrinalMember]

You’re welcome Toby.

Have a nice day, Cheers!

[drold69Participant]

Whats a heading accent?

[Paul RModerator]

Hi,

Accent are lines added to headlines.

Please refer to the link below

http://theme.co/x/demo/integrity/1/shortcodes/custom-headline/

Thanks

[drold69Participant]

Thats the two lines on the sample that extend from the headline? In the example above there was a colored box around the headline. Is that what you’re talking about? How you you specify a box over a double line?

On the link above. Why would you want an h2 to look like an h3? Why wouldn’t you just make it an h3? I’m sorry but I’m new to this and don’t know the lingo.

[ChristopherModerator]

Hi there,

The provided link shows custom headlines with accent. Accent adds border before and after headline depending on alignment of headline.

This is option to display h2 like h3, this way you have h2 headline but its style inherits from h3 headline.

You can still display h3 headline looks like h3 headline.

Hope that clarifies.

[drold69Participant]

I’m still not sure why you would want an H2 to look like an H3. They are size of headlines right? If you wanted it to look like an H3 why not just make it an H3? I’m trying to understand. I’m very new to this.

[ChristianModerator]

The “look like” attribute is only for styling purpose. There are instances that some users wants an h2 to look like h3 so that it looks smaller while retaining its heading level.

Thanks.

[drold69Participant]

This reply has been marked as private.

[ChristianModerator]

We’re sorry for the lack of details. We want to retain the level for Semantic HTML reasons. It is bad practice to use <h6> for example for the reason that it is (display or looks) small. Heading levels is important for search engines also to determine their importance regardless of their style. With that said, there are instances that some users wants an h2 to look like h3 size for unique presentation of their page. That is why we have the “looks like” option so users could quickly change the size of their headlines.

More details on this topic is outside the scope of X and Cornerstone as this is under general web development. If you need to learn more, I recommend that you go through HTML tutorials. One example is this site http://www.w3schools.com/.

Thank you.

[drold69Participant]

THANKS! Sorry for being a pain,

[Author]

Posts