Help with CSS customization for Backyard theme

  • Hi!

    I am a somewhat computer savvy individual who hosts my own fashion blog using WordPress.org and recently installed a new theme that has required me to do some CSS customization. I am somewhat familiar with html so I have been able to piece together some of the changes I wanted to make like changing the color of links, hover, highlighting, and some text. But, there are a few things I haven’t been able to figure out how to change the color of. I don’t need to change font type, only color.

    1. On each post there is a “read more” button that is currently yellow.
    2. On each post the “Post Comment” button is the wrong color.
    3. The date of each post is displayed in the wrong color.
    4. The search bar and comment box both are outlined in yellow when you click to type.
    5. While all the other links in my post changed colors, the links to my pages (e.g. About, Instagram) on my header did not change and must need a separate code.

    Any help you can give me would be greatly appreciated, or even links to good resources to find these answers.

    My theme is “Backyard”, and my website is linked below.
    http://ivorytowerchic.com/

    Thank you!

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

  • Hi, @ivorytowerchic,

    As you mention in your post, your site is not a WordPress.com hosted site. You posted this in the WordPress.com Forums, and unfortunately we are unable to assist as they are not the same, and the staff here does not have any access to it. Here is the link to the WordPress.org Support Forum: https://wordpress.org/support/

    And since you have a CSS question, here is the CSS forum tag for WordPress.org: https://wordpress.org/support/topic-tag/css/

    Using the inspector is a huge help when working with CSS.

    Also, see this page, and at the bottom you will find CSS Resources.
    https://codex.wordpress.org/CSS

    I hope that helps you get started!

  • Hi @, there is a dedicated Backyard theme support forum at WordPress.org where you can post your questions on that theme.

    I did take a quick look at your site, and this custom CSS will allow you to change the color of the buttons.

    .btn.fillbg, .wpcf7-form .wpcf7-submit {
    	background-color: #cc0000;
    }
  • The topic ‘Help with CSS customization for Backyard theme’ is closed to new replies.