Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #837646

    fullframenw
    Participant

    Hi there! I am looking to keep my overall body header color, but periodically change the header color depending on which color section I am working with.

    My site is: http://www.fullframenw.com

    Under the “My Work” section, I want to be able to put in some kind of custom code so that the “My Work” text is white.

    Is this possible? Thank you!

    #837647

    fullframenw
    Participant
    This reply has been marked as private.
    #837814

    John Ezra
    Member

    Hi there,

    Thanks for writing in! For the first query, regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. Thanks for understanding.

    The second query, you can use CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    div#x-section-3
    h2.h-custom-headline.center-text.h3 {
        color: #ffffff;
    }

    Hope this helps – thanks!

    #839025

    fullframenw
    Participant

    Hi, thanks! I think I will be able to use that code throughout the different sections just in case I need to change the color. I had no idea you could make custom css to function to sections! awesome!

    #839504

    Rupok
    Member

    You are welcome!

    Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

    #878975

    fullframenw
    Participant

    Hello again! I am now attempting to make headers different colors in different sections. I tried copying and pasting the above code into my custom CSS and changing the section and header number but am not getting any response. Help!

    #879061

    fullframenw
    Participant

    Also: Along with headers, can you change body text color too? For instance, if you will please take a look at section 1 on my website.

    You’ll see that the top larger sentence is black; this is because I set my headers to black and applied header html code to it. You’ll see below that sentence, the middle sentence, that the color is a salmon color. That’s because I set the body color of my header within Cornerstone. Is it possible to have two different body colors in one text box? I’d like to have the middle sentence match the top color (black) but keep the salmon color emboldened sentence at the bottom.

    Another example: See section three. My default body text is a blue color. However, I want the body text in section three to be white. This I imagine is a little simpler because it’s not two different lines with two different colors but rather one body of text going against the grain of the default body text assigned in customizer.

    #879675

    Jack
    Keymaster

    Hi there,

    Thanks for writing back.

    For the custom headlines, which one would you like changed? If you go into Cornerstone, click on the one you want to change and then scroll down and add a class (screenshot attached). Then you can use css like this:

    .my-class h2.h-custom-headline.center-text.h3 {
        color: #ffffff;
    }

    Where .my-class is the class name you entered.

    For the body text, in Cornerstone click on the text, then in the text edit area you should see a option called “Visual”, click that and then highlight the text you want to change and select your color from the drop down box (screenshot attached).

    Let us know if you have any problems, we’re here to help. 🙂

    Thank you!

    #880359

    fullframenw
    Participant

    Wonderful! Thank you so much Jack!

    #880815

    Prasant Rai
    Moderator

    You are most welcome. 🙂