Home โ€บ Forums โ€บ WoodMart support forum โ€บ Header LOGO image need to add css

Header LOGO image need to add css

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #508144

    marketerjahidul
    Participant

    This is my header Image โ€“ https://prnt.sc/5fX7kuMok1rw
    ๐ŸŒŽ https://sugondipriyo.com/w
    ====================================
    and I want to add CSS like this Logo style โ€“ border radius, border, and border style dottle โ€“ https://prnt.sc/ZXCMnPo8eazo ( this is my footer image customized with Elementor)
    So I want my Logo style like the footer image LOGO syle โ€“

    #508145

    marketerjahidul
    Participant

    please give me css code here so that I can add it customs CSS

    #508350

    Hung Pham
    Keymaster

    Hi marketerjahidul,

    Thanks for reaching to us and appreciate your patience.

    I kindly recommend you use Photoshop or image editor to make it looks as you want, then upload to site and use it.

    In case you want to use Custom CSS, please try to use the below custom CSS code and paste it to Theme settings > Custom CSS > Global CSS code section

    .whb-main-header .site-logo img {
    padding: 0;
    border: 2px dotted #ebb234;
    border-radius: 10px 10px 10px 10px;
    }

    Regards,

    • This reply was modified 1 year, 8 months ago by Hung Pham.
    #508747

    marketerjahidul
    Participant

    wow great , its working this CSS

    can you please tell me how you can find this class
    -.whb-main-header .site-logo img

    so that I can easily find any class and solved this types of problem from my end

    =================================
    .whb-main-header .site-logo img {
    padding: 0;
    border: 2px dotted #ebb234;
    border-radius: 10px 10px 10px 10px;
    }
    =================================

    #508920

    Hung Pham
    Keymaster

    Hi marketerjahidul,

    You can try to find correct classes by yourself. Inspect code using inspector tools. Open a web page in Google Chrome. Either:

    -Select the Chrome menu at the top-right of your browser window, then select Tools > Developer Tools.

    -Right-click on any page element and select Inspect Element.

    The DevTools window will open at the bottom of your Chrome browser.

    Regards,

Viewing 5 posts - 1 through 5 (of 5 total)