If you use Elementor, that becomes easy to resize the size of your Logo. You can drag the lines of the border of the column. Mostly the logo is used in Header, so you need to open and edit the header, to resize the logo size.
Also you can edit this from Dashboard of WordPress.
Hey @woodbox,
You can add the below CSS styling in “autoptimize_fb3796d2b437c35ef8d4b4827ce1c727.css” file to solve the issue:
Firstly, replace the “.logo-section” class styling at line no. 41 with the below code:
.logo-section {
float: left;
width: 100%;
background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://woodboxsoap.com/wp-content/themes/child-store2/assets/css/../images/logo-box-bg.jpg);
background-repeat: repeat-x;
background-position: left top;
height: 100px;
position: relative;
z-index: 999;
}
And secondly, replace the “.ribbon-box” class styling also available in line no. 41 with below code:
.ribbon-box {
background: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://woodboxsoap.com/wp-content/uploads/2018/08/WoodBoxSoap2-1.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
height: 84px;
margin: 6px auto 0;
display: block;
}
Below is the path of the above mentioned CSS file:
Your-Site-URL/wp-content/cache/autoptimize/css/autoptimize_fb3796d2b437c35ef8d4b4827ce1c727.css
