Edits to Style.CSS not updating on site

  • Resolved smashsaur

    (@smashsaur)


    11 years 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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Kyle Maurer

    (@brashrebel)

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

    Thread Starter smashsaur

    (@smashsaur)

    Hi BrashRebel,

    Here’s the link:

    https://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.

    Kyle Maurer

    (@brashrebel)

    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.

    Thread Starter smashsaur

    (@smashsaur)

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

    Thank you so much! ??

    Kyle Maurer

    (@brashrebel)

    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.

    Thread Starter smashsaur

    (@smashsaur)

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Edits to Style.CSS not updating on site’ is closed to new replies.