Change size of main logo

VivaDigital · December 2015

Hi,

How do I change the size of the main logo on this page to 400px wide?

http://101.0.76.7/~woodsandbloom/

Thanks

Albert · December 2015

Hi,

to increase logo size, please use below css:

#Top_bar #logo { height: 150px !important; }
#Top_bar .menu > li > a { padding: 25px 0 !important; }

patches · December 2015

Hi,

How do I change make the logo size bigger (using Be Store demo):
http://6ec.90d.myftpupload.com/

I would like to make it 70px tall and move it to the right at least 10px.

Thank you!!!

Albert · December 2015

@patches You supposed to start from uploading bigger logo and then you can use above css.

patches · December 2015

Hi,

Please see my site. I used a logo 4x bigger than it needed to be. And after applying the same
CSS as above, it still is small.

Thanks,
Derek

Albert · December 2015

Really? We did it already on your site and the logo is getting bigger what you can see on http://snag.gy/tkG3h.jpg so if you did it and it does not work, means you did something wrong. Or you did mistakes in custom css somewhere or you pasted css in the wrong place.

VivaDigital · December 2015

Hi,

So I added the CSS and it is okay on the homepage, but on the inner page this happens:

http://101.0.76.7/~woodsandbloom/about/

How can I fix it?

Thanks

VivaDigital · December 2015

Also, how do I make the menu text larger and not italic?

Thanks

Albert · December 2015

Ok. So if you want to overlap subheader with logo as well, please use below css:

.header-split #Header .top_bar_left .logo { z-index: 99999 !important; }

But to make the menu items regular style and larger, instead of below css under Theme options > Custom CSS & JS > Custom CSS section:

#Top_bar .menu > li > a span:not(.description) {
    border: 0 none;
    font-style: italic;
}

you supposed to use:

#Top_bar .menu > li > a span:not(.description) {
    border: 0 none;
    font-style: normal;
    font-size: 20px !important;
}

VivaDigital · December 2015

Thanks!

I don't want the logo to overlap, I was the header below to move down if possible?

Also, why are the images in the gallery section half way down this page low res??

http://101.0.76.7/~woodsandbloom/

Albert · December 2015

Ok. so to move the content down on all pages except home, please use below css:

body:not(.home) #Content { padding-top: 100px !important; }

But the gallery images, are low resolution because you forgot to set media settings.

VivaDigital · December 2015

Thanks but that custom CSS didn't work?

Albert · December 2015

Really? Where exactly it does not work? Because as we see, for example on http://101.0.76.7/~woodsandbloom/portfolio/ it works fine. There is 200px of padding currently.

Change size of main logo

Comments