Staff replied Templates

Artion Template Logo Size

Asked by Mia 4 years ago Last activity 4 years ago

Hello!

I'm using Artion on https://josep.lautundluisa.at/. I'd like to increase the size of the logo on the homepage. How can I do that? I noticed that the animated logo has a CSS-class called "animated-text". Where can I find it and does it define the size of the logo (after moving to the left top corner)?

Thanks!
Mia

11 replies

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

Hi

Thanks for contacting us. Use this custom CSS

.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive{
    height:70px !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.

-Regards.

Mia Asked this
4 years ago

Hello,

thanks. I think it would work BUT unfortunately it applies on ALL images on the site, not just the logo. How can I adapt just the logo image?

Thanks!
Mia

Mehtaz Afsana Borsha Staff
4 years ago

Give me your super admin access on the hidden content please. I need to check.

Mia Asked this
4 years ago

Of course! Here you are:

Mia Asked this
4 years ago

Hello!

Thanks for your answer. But changing the logo height in the template settings only applies on all sites EXCEPT the homepage. I'd like to change the size of the logo on "Home". Using your code would be an option but then ALL images on the homepage are affacted.

Thanks

Mehtaz Afsana Borsha Staff
4 years ago

Sorry otherwise its not possible bacuse there is no specific class for that.

Mia Asked this
4 years ago

Hello!

So there is no way to change the size of the logo on the home page? I tried to change margin and padding in the settings of the image but nothing happens. Could you please check again? There must be a way, right? … 

Thanks a lot!!!

Mehtaz Afsana Borsha Staff
4 years ago

This may work. Use this css in your custom.css file

.logo-image{
    height:70px !important;
}
Mia Asked this
4 years ago

Hei,

no unfortunately it dosen't. Nothing changes as I copy paste the code into the costum CSS field. Any other suggestions?

Thanks!!

Log in to reply.