Logo size css file

Posted in: Newspaper
Post count: 7

Hi guys, I want to change in the css file so the logo size in the TagDiv template will have the same size as our standard.

Standard: width=“383” height=“90” https://ewtn.lc/
in our current website is: width=“300” height=“76” https://ewtn.lc/nieuws

Can someone help me with that?
Where i have to change the code and which code do I need to add on it to get a good efect.
Thank you in advance.

Post count: 21065

Hello!

Please try to insert this code in Newspaper -> Theme panel -> Custom code -> Custom CSS:


.td-header-style-6 .td-main-menu-logo img 
{ height: 90px!important;
  width: 383px!important;}

Hope that helps you!

Thank you!

Post count: 7

Hey Bettina.
Thank you very much works good!

1. But when it comes to the stick header the logo is just smashed. What kind of code do I need to add so I can have the stick header like the normal header (not smaller/smashed).
2. Also, in the menu the letter is CAPTIONED and I would prefer to have the first letter Bigger and the rest normal. eg. instead PROGRAMMERING I would like to have Programmering. Can you help me with that too?
3. Concerning the font for the header, I already changed the fonts on the Theme panel but I cannot get the same effect that I want, which is:
font-family: “Open Sans”, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 15px;
letter-spacing: 1px;
font-style: normal;

can you advice me where I can add this code, so the configuration of both sites (in Avada and in TagDiv) has the same visual effect.

Thank you in advance!

Post count: 21065

Hello!

Please replace that CSS code which I provide above with this one:

.td-header-style-6 .td-header-menu-wrap:not(.td-affix) .td-main-menu-logo img {
height: 90px!important;
width: 383px!important;}

2. Set as normal text here: https://www.screencast.com/t/1FbxcVM9KH

3. Also the font you can set up in theme panel where I pointed you in the screenshot from point 2.

Thank you!

Post count: 7

Thank you very much!

Bettina,
After I add that code something went wrong.
We have now a smaller menu in all the page [height:48px] (when is td-affix and when is not) and the img doesn’t respect the your code to keep the size. =/

What I had on mind was to keep the logo (not smashed or not in 48px) but the menu also not so thin like when we have td-affix.

We need to fit the height menu’s in 90px when we have “normal menu” and “Always sticky” like we have in this example: https://ewtn.lc/

Thank you in advance for all your kindness!

Post count: 7

Sorry Bettina, I managed to fixed it.
But still we have in “Always stikcy” a smaller size of the line (48px instead 90px).
Where I can change this?

Post count: 21065

Hello!

Unfortunately, there is no option to write a condition like that.

Thank you!

Post count: 7

Thank you very much!

Please Bettina, do you know how can we turn off the effect “fade in” for the pictures in the page?
Sincerely Yours,

Post count: 21065

Hello!

This issue has been already discussed here: https://forum.tagdiv.com/topic/can-the-image-hover-animation-style-be-changed/

Thank you!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.