Color Change in CSS

  • Resolved semaystudio

    (@semaystudio)


    8 years, 2 months ago

    Hello,

    I am using twenty thirteen child. How can I change the large tan colored bar at the bottom of my website to white? This bar also appears in a larger format on my blog page. Again, I’d like it to be white, not tan. Can I please have the exact CSS?

    Thanks,
    Semay Studio
    [link removed]

    • This topic was modified 8 years, 1 month ago by bdbrown.
Viewing 6 replies - 16 through 21 (of 21 total)
  • Sam

    (@soumendra)

    Hello,

    1. Can you please share a direct link to the post/ page where you have added the image?

    2. For read more text and background you can add this CSS:

    .blog-more-link {
    background: #000 none repeat scroll 0 0 !important;
    color: #fff !important;
}

    3. For title text hover color you can try adding this:

    .blog-title a:hover {
    color: #555;
}

    4. To adjust the menu width you need to add this CSS:

    .navbar {
    max-width: 770px;
}
.site-header {
    background: #161818 none repeat scroll 0 0;
}

    Hope that helps.

    Thank you.

    Thread Starter semaystudio

    (@semaystudio)

    THIS IS WONDERFUL. Everything worked. Thanks Sam!

    The image that’s cut off appears here:
    https://www.semaystudio.com/blog/

    When clicking on it, it appears here:
    https://www.semaystudio.com/blog-post/4-tips-to-live-by-introducing-semay-studio/

    *One more thing – do you know how to increase the product image size that appears here? (under shop) – https://www.semaystudio.com/shop/
    I’ve tried playing around, but I can’t quite figure it out.

    Thanks!
    https://www.semaystudio.com

    Thread Starter semaystudio

    (@semaystudio)

    Do you think the blog requires certain sized images…?

    Sam

    (@soumendra)

    Hello,

    Sorry for the late response.

    1. It seems in the single post the image is some how regenerated automatically. You need to delete the image from your site and upload it again by renaming it.

    If still facing any issue please try deactivating all your plugins to see if that fixes the issue for you.

    2. For the blog page image you can try adding this CSS:

    .blog-col-2 .grid-blog-thumb {
    height: 255px;
}

    3. And for the product page you can adjust the image by CSS:

    .woocommerce .entry-content .products li {
    max-width: 300px !important;
    width: 100% !important;
}

    You can adjust the values as per your requirement.

    Hope that helps.

    Thank you.

    Thread Starter semaystudio

    (@semaystudio)

    Thank you!

    So for #2 this worked for the post on the first page, but when I click on the link the image still appears cutoff. Any other CSS code suggestions? I will try fiddling around with it…

    Thank you again!
    https://www.semaystudio.com

    Sam

    (@soumendra)

    Hello,

    As I mentioned above, please try removing the image and upload it again by renaming it to see if that fixes the issue for you.

    Make sure you have deactivated all your plugins at the time of testing.

    If still facing any issue try adding an image of maximum height 260px.

    Hope that helps.

    Thank you.

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Color Change in CSS’ is closed to new replies.