Control logo size - Forum | JoomShaper
Solved Helix Framework

Control logo size

Asked by Rvdzande 4 years ago Last activity 4 years ago

Hi,

At this moment I am trying to make a website with Helix Ultimate 2 + SP PageBuilder Pro. I have many sites with this and I am familiar with CSS though I sometimes have issues finding what to 'target.'

I want to make the logo wider. I can find how to make the logo higher (both in gui and with css), can assign a bigger logo position in the template builder, but I cannot get the logo as width configured as I want. Any idea what I am overlooking? Currently working in a test environement. Ideal logo should be +/- 300 pixels width and 70 high.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Ok then use this custom CSS

.logo-image {
    height: 70px !important;
    width: 300px !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. If you want to set the height 70px and width 300ps then it will be look like this,please see my screenshot below:

https://prnt.sc/WxClKVeaoP6J

Do you want it this way?Please let me know.

-Regards.

Rvdzande Asked this
4 years ago

Hi, this looks sort of like I want it, I am sure I can finetune it myself.

Rvdzande Asked this
4 years ago

Guess I forgot the !important... Now it works, when tested it didn't. Thanks!

Log in to reply.