Home Forums Weaver Xtreme Theme Image Specifications

Topic Resolution: Answered
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #62814
    Answered
    babcockam
    Participant

    I used the following code in the Custom CSS Rules box for images throughout the website.

    .roundedcorners, img {border-radius: 8px; box-shadow: 0px 5px 5px #0c0c0c;}

     

    However I have one image, the logo, that I don’t want those rules on. I have tried using the following rule, but it didn’t remove it.

    .logoimage {border-radius: 0px !important; box-shadow: none !important;}

     

    Can someone tell me how to remove the rule I applied to images from the logo image only?

    Home

    #62815
    Best Answer
    Weaver
    Keymaster

    This reply has been accepted as the best answer.

    Your logo image seems to be the “American Mobile Tint and Glass” image. Given the background, I actually can’t see how those attributes even make any difference.

    But, I believe that the rule should be

    .logoimage img {border-radius: 0px !important; box-shadow: none !important;}

    The actual image is inside the <div> with the .logoimage class.

    #62817
    babcockam
    Participant

    Thank you So Much!

    I really felt like I was close to figuring it out

    #62818
    scrambler
    Moderator

    @babcockam

    Just to make sure it was intentional, your rule below

    .roundedcorners, img {border-radius: 8px; box-shadow: 0px 5px 5px #0c0c0c;}

    Applies to ALL images regarding of classes, and to all elements with the roundedcorners class

    If you wanted to only apply to images inside a container with the roundedcorners class, the rule should be (no comma)

    .roundedcorners img {border-radius: 8px; box-shadow: 0px 5px 5px #0c0c0c;}

    and if you wanted the rule to apply to all images with the roundedcorners class, it should be (no comma no space)

    img.roundedcorners {border-radius: 8px; box-shadow: 0px 5px 5px #0c0c0c;}

    #62819
    babcockam
    Participant

    This is the one that does what I need it to LOL 🙂

    .roundedcorners img {border-radius: 8px; box-shadow: 0px 5px 5px #0c0c0c;}

     

    THANK YOU!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.