header and menu background color align with container

Posted in: Newspaper
Post count: 15

Hi,

I would like to forced the header background color to be aligned with the layout container but i don’t find the setting.
I have done a customized header and i set the color with the css tagdiv composer. http://emzmupvb.preview.infomaniak.website/wp-content/uploads/2019/05/header.jpg
I want also customize the same thing with the main menu and more, setting the main menu row height… but i don’t find.
Thx for help,

Laurent

Post count: 18283

Hello !

In order to change the theme colors you will have to go into Theme Panel – Theme Colors – Header. https://www.screencast.com/t/ajLnNb9Ad

Thank you !

Post count: 15

Hi,

Thx for your answer, but i have made a new template header and the theme panel settings don’t work with my template. when I choose a background color, it does not apply to my new template.

Thx,
Laurent

Post count: 18283

Hello !

Please provide a link to your website and the name of the header your are using.

If you’re using a cloud template you can edit the colors using the tagDiv Composer by going to the CSS tab and edit the colors from there like here: https://www.screencast.com/t/sT1jiAK8ZN7m Keep in mind that on a header there can be more than 1 zone so make sure you edit every single one. See the difference between first picture an this: https://www.screencast.com/t/z0v5wwSxi93

Thank you !

Post count: 15

Hi,
http://emzmupvb.preview.infomaniak.website/wp-content/uploads/2019/05/img_header.jpg

I made my header from the Blank header template. I have done that you said with css settings but for the row 1 (on my screenshot), the background color did not align with the rest of the row.
for the row menu (point 2 on my screenshot) i would like to reduce the height of this part. I don’t find the way…

Thx
Laurent

Post count: 18283

Hello !

Is your site live so we can check it out ? Because we cannot offer a solution at the moment. The modifications you want will require a custom css so without seeing what elements you’ve implemented in your page it will be impossible for us to offer you a correct solution.

Thank you !

Post count: 15

Hello,

You can watch it http://emzmupvb.preview.infomaniak.website/

Thank you,
Laurent

Post count: 18283

Hello !

Please try this code: @media (min-width: 768px){
.tdc-zone .tdc-row-content-vert-center{
margin-left: -24px;
margin-right: -24px;
}
}

Thank you !

Post count: 15

Great !
It’s fine, thanks !

And now, have u a code for set the div main menu height ?

Thx,
Laurent

Post count: 18283

Hello !

Unfortunately this requires custom work and is not covered by the support policy. You should try the help of a freelancer in order to offer you the custom modification you need: https://forum.tagdiv.com/support-policy-2/

Thank you !

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