Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Differentiating Between Two Site-Logos in CSS To Change Sizes Separately

Discussion in 'Misc WordPress Requests' started by thelittlewildone, Mar 7, 2018.

  1. thelittlewildone

    Guest

    Differentiating Between Two Site-Logos in CSS To Change Sizes Separately, by thelittlewildone

    I have two different .SVG logos uploaded to my site (header and footer). I want to change the size of the footer logo however since they both have ‘site-logo’ identifier (bare with me if that’s not the correct wording – i’m new to CSS) when i enter the following CSS code, both logos change their size. Is there a way to easily differentiate between header and footer site-logos in my CSS? Or even a work around for me to do instead?

    This is the CSS i’m using that changes both logo sizes:

    }

    .site-logo img{
    height: 50px;
    width: 200px;
    }

    Differentiating Between Two Site-Logos in CSS To Change Sizes Separately
     
    #1

Share This Page

Monarch Social Sharing Plugin