changing color of the fond

  • Unknown's avatar
    climbingyogawoman · Member ·

    Hello,

    I would love to change the color of the fond. Can someone help me to create a specific CCS Code for this? Im using the twenty seventeen theme.

    Thank you in advance,

    Rebekka

    The blog I need help with is: (visible only to logged in users)

  • pauloeaquino · Staff ·

    Hi @climbingyogawoman,

    In this situation, if for example you want to change your body text and title colors, you would use the following code:

    /* Paragraph Text Color */
    body {
 color: #fff;
    }

    /* Title Color */
    .entry-title {
    color: #fff;
    }

    To know how to do this on your own, especially if it’s just colors you want to edit, try this out next time. It’s the method I usually use to find out what CSS code I want to edit.

    In your browser (I recommend Google Chrome), right click on any element, then click “Inspect” or “Inspect element”. This will bring up the developer tools in the your browser.

    Here you will be able to see the HTML, CSS, and Box Model for the element you just inspected. You can then edit any of the CSS and see the changes live.

    See example screenshot here:
    https://peaeb.files.wordpress.com/2017/08/giphy.gif

    To easily identify which elements have color that can be applied to, skim through the CSS and find the color picker box, click it, and try changing the color. If the change is what you wanted, then you would simply copy and paste that same code into the WordPress Customizer CSS tab.

    If there’s no change in color, then that just means you’re inspecting the wrong element and you should probably click on or around that area to find what you want.

    Hope this helps.

  • Unknown's avatar
    climbingyogawoman · Member ·

    Hi @pauloeaquino,

    thank you for your fast answer. I tried your CSS Code but unfortunately it doesn’t change any color. I have to enter after the # the number out of the color palette, right? “Paragraph text color” has a special color. When I scroll around my website, I can find the same color at the headline from a post, but just there. What am I doing wrong? I tried as well your other tip, but i couldn’t find the “inspect” button. It doesn’t shows on my “right mouse side click”. Any chance to get help again?

  • pauloeaquino · Staff ·

    The CSS code I previously provided was just an example of what you might use to edit your code. The actual classes and properties might be different for your theme.

    To better assist you, it would be helpful if you could set your site’s privacy settings to Public so I could take a better look at your site in order to accurately find which CSS elements you want to change.

    Your site is currently set to Private.

  • pauloeaquino · Staff ·

    I tried as well your other tip, but i couldn’t find the “inspect” button. It doesn’t shows on my “right mouse side click”

    Hm, if the option is not available when you right-click, you can simply go to Chrome’s menu bar which should be located at the top of your screen, then go to View –> Developer –> Developer Tools.

    Or

    You can use the shortcut:
    shift + cmd + c (Mac)
    ctrl + shift + C (PC)

    I’ll provide some relevant links regarding CSS, which I also recommend visiting:
    CSS Basics
    https://en.support.wordpress.com/custom-design/css-basics/
    How to Add Custom CSS
    https://en.support.wordpress.com/custom-design/editing-css/
    Custom CSS
    https://en.support.wordpress.com/custom-css/

  • Unknown's avatar
    climbingyogawoman · Member ·

    Hey @pauoeaquino, thank you so much for all this helpful links.

  • pauloeaquino · Staff ·

    You’re welcome :)

  • The topic ‘changing color of the fond’ is closed to new replies.