Changing color of contact form titles

  • Author
    Posts
  • #77736

    mashet
    Member

    Hi Yuri,

    Apologies for being a pest, but I just couldn’t figure out the right code to change the color of title text on my contact form. It is black by default.

    Thanks in advance.

    The blog I need help with is theurgetowander.com.

    #77886

    yuriyportnykh
    Theme Author

    Hi.

    You can change labels color, using this:

    .contact-form label {  color: #B3CD62; }
    #77907

    mashet
    Member

    Thanks Yuri. One final question.

    I input #ffffff for the sidebar, but it looks different from the rest somehow. Could I have the color code for the main blog background, so I can match both please?

    #77909

    yuriyportnykh
    Theme Author

    Body background color is: #EFEDEA

    #77914

    mashet
    Member

    I am sorry I wasn’t clear. I was referring to the white background of the text portion of the thumbnails on the home page and post pages. I need the widgets to match the thumbnails and the post pages. Not the customized background.

    #77957

    yuriyportnykh
    Theme Author

    Do you mean content box and sidebar background color?

    http://prntscr.com/7iz3qr

    They both use white ( #ffffff ), they just look different, because the drop shadow is at an angle. You can try to remove it to see they look the same.

    #77961

    mashet
    Member

    I do! How do I remove or alter the drop shadow?

    #78008

    yuriyportnykh
    Theme Author

    Here’s the code to remove the drop shadow:

    body.single .post, body.page .post, .no-results, .et_blogstyle-entries .post, #comment-wrap {
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    You can also change it. Please, see here for more details: http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

    #78012

    mashet
    Member

    Thanks Yuri.

    I have a new problem.

    Not all my posts are reflecting the CSS changes uniformly.
    Here are screenshots to show the difference in font spacing;

    This is how I want it to look:
    http://theurgetowander.com/?attachment_id=26276

    And this is the post where the changes don’t show up:
    http://theurgetowander.com/?attachment_id=26277

    Clicking on the format button in the edit window doesn’t help.

    Any reason why this is happening?

    #78013

    yuriyportnykh
    Theme Author

    Looks like text is added to divs ( instead of paragraphs ) on some pages. Try using the following code:

    .post-text {
        line-height: 25px;
    }
    #78020

    mashet
    Member

    That worked!

    Many thanks for your time Yuri.

    #78023

    yuriyportnykh
    Theme Author

    You’re welcome

The topic ‘Changing color of contact form titles’ is closed to new replies.