Support for Envato Buyers Forums OldCar Custom Page Title Color/Color text box

Viewing 4 reply threads
  • Author
    Posts
    • #5392
      loverslane
      Member

      I tried modifying it myself, but can’t seem to get it right.

      1. How do I change the color of the Page Title? (http://www.loverslanediy.com/about-us/) I want “About Us” to be white. And also “Leave a comment” to be white.

      2. On the same page how to I put the text in a colored box? Same question, but the picture as well so it has a white border.

      Thanks!

    • #5397

      Hi

      1. Try to add the following CSS into OldCar options > Custom code > CSS code

      .page-title,#respond h2 {color:#fff;}

      2. I’m not quite understand “put the text in a colored box”, can you descript it more detailed? Also, did you mean you want to add the white border for the picture?http://www.loverslanediy.com/wp-content/uploads/2014/06/Our-First-Home2-1024×819.jpg

      THANKS

    • #5401
      loverslane
      Member

      Basically, I would like the body text inside of a solid box so that the text is more readable.

      As for the white border on the photo, yes that is the photo. If there is no easy way to do it, I can always just add it in Photoshop.

      Thanks for the help and quick response!

    • #5404
      loverslane
      Member

      I figured it out:

      img {
      border:10px solid #FFFFFF;
      }

      d
      {
      background-color:rgba(0, 0, 0, .5);
      padding:7px 10px 7px 10px;
      display:table;
      border-radius:15px;
      }

      I do have a follow up question though.

      On posts such as this (http://www.loverslanediy.com/recycled-garden-swingset/) How do I change the blog-article-title and blog-article-info to white?

    • #5410

      Hi

      Try the following CSS

      .blog-article-title a,
      .blog-article-info, .blog-article-info a {color:#fff;}

      Tell you a useful tip for change CSS. If you use firefox or chrome, you can open developer tool or firebug plugin, then, just move your mouse pointer on the element, then you will get its CSS, just copy and change it. Refer to this article https://developer.chrome.com/devtools/docs/elements-styles

      Thanks

Viewing 4 reply threads
  • You must be logged in to reply to this topic.