How to change or remove the white container of logo.

How to change or remove the white container of logo.

In Cakecious theme, you might want to remove/modify the white Background of logo, as seen below.



To change white circle, please put below css in Appearance/Customise/Additional css and use different image URL full absolute URL will be better.

.main_menu_area .navbar.navbar-expand-lg .navbar-brand:after {
    background: url(http://your-domain/img/logo-circle-2.png) no-repeat scroll center center;
}

To remove white circle, please put below css.

.main_menu_area .navbar.navbar-expand-lg .navbar-brand:after {
    background: none;
}
    • Related Articles

    • Move the logo and its white container.

      In Cakecious, if you would like to change the position of the logo or its container as seen below... Please enter below css in Themeoptions/general/customcss box. .main_menu_area .navbar.navbar-expand-lg .navbar-brand:after { bottom: -27px; } ...
    • How to change logo in the footer

      In this theme, the footer widget has a logo. To change this image, please follow below steps. 1) Upload your own image ( preferred size 250x45px , transparent preferred ) by going to wp-admin/media/add-new. 2) Grab the absolute path of uploaded image ...
    • How to remove logo from Sticky menu

      In Cakecious, the logo appears in sticky menu when you scroll down... https://cl.ly/b5a54e44bd1c If you do not want logo in sticky menu to save space of available screen. Please enter below css in Themeoptions/general/customcss box. .navbar_fixed ...
    • How to remove or change Why Choose us from Sidebar

      Here are the instructions to remove the 'Why choose us' section from the right hand panel on all of our rooms pages. Please do as instructed in below image.
    • Remove overlay from Car single page

      In Carena theme, Car single page slider has overlay color on cars. If you want to remove it. Please enter below css in wp-admin/appearance/customise/additionalCSS box. .sp-image-container:after { background-color: transparent; }