WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Edits to Style.CSS not updating on site (7 posts)

  1. smashsaur
    Member
    Posted 8 months ago #

    Hey there everyone,

    I'm using the WooThemes Merchant Theme (v.1.2.2) and I'm trying to edit the slider area that shows up overlaying over the image. The default color being used doesn't match the color scheme of my site. I've attempted to change the hex code several times but the color change isn't being updated when I save the style.css sheet.

    Here's the code:

    }
    .featured article header {
    padding: 1.2em 1em;
    background: #f78993 url("images/bg-overlay-texture.png") repeat left top;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    After reading some other forums I think the problem might be that the theme is using an image vs. using a color code. I'm hoping someone here would be able to help me use a new code to remove the image so I can use a hex code? Is there anyway to re-write/edit the code to reflect this? I'm a novice when it comes to this stuff :/

    Thanks!

  2. BrashRebel
    Member
    Posted 8 months ago #

    Mind sharing a link? This shouldn't be too tricky.

  3. smashsaur
    Member
    Posted 8 months ago #

    Hi BrashRebel,

    Here's the link:

    http://www.smashbakeshop.com

    I want to change that blue color on the slider (overlapping on the image) to this color:
    #f78993

    The color in the original code is: #497885 but when I changed this original color to the color above no change occurred on the site although the change was reflected in the style.css coding.

  4. BrashRebel
    Member
    Posted 8 months ago #

    Try adding this to your custom.css file.

    .featured article header {
    background: #f78993 url("../images/bg-overlay-texture.png") repeat left top;
    }

    I think that is what you are looking for.

  5. smashsaur
    Member
    Posted 8 months ago #

    AH! Success! Would you also happen to know if an opacity code can be added to that as well?

    Thank you so much! :)

  6. BrashRebel
    Member
    Posted 8 months ago #

    You can change
    #f78993
    to
    rgba(247, 137, 147, 0.6)

    To adjust the level of transparency just adjust the last number. In this example I used 0.6 which would be 60% transparency.

  7. smashsaur
    Member
    Posted 8 months ago #

    Thank you!

Reply

You must log in to post.

About this Topic