Hello,
Amazing theme!
I’m wondering how I can fix the logo alignment on the home page to be centered in the header like it appears on all of the other category pages.
In addition, how can I include a right column for the posts in the third section (block 24) on the home page?
Thanks!
Hello rocketman,
If you want to have that layout for your single post pages, we recommend using the Single Post templates from Cloud Library and then, with TD Composer you can customize it as you wish. Check here the theme’s documentation -> https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Thanks for your understanding!
Hi,
A quick fix is to increase the line height, with a code like this
– http://prntscr.com/kdru53
Enter the code in Theme panel->Custom CSS code section
.home .td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 200px;
}
Thank you Simion!
I’ve implemented the code and now its in line with the other categories/pages.
Is there a reason why the home page has a different header line height than the other category/post pages? I’m asking because the code provided seems to solve the problem but now the logo can be seen shifting from the original location to new location (200px lower) on the “home” page vs any other category or page. Is there a way to fix that? I’m asking because I’m presenting this website soon and I need the basic visual appearance and functions of the site to be intact.
Any help would be great.
Thanks!
Hi,
Actually the logo should look like this by default with that header style, on all pages
– https://www.screencast.com/t/ujmjFaUaLBR
Most demos contain custom design, the one you have installed sets these parameters for the logo when using header style 10
– https://www.screencast.com/t/kHolqYtK
If you were to remove that customization from the shown file, the issue would be solved. But if the theme will be updated this operation will have to be done again.
Why does this customization not look the same for all pages? because of the h1 the logo is included in when there is no other h1 in the page.
This interferes with the demo customization, some CSS is not applying properly. That is the case for the homepage you currently have. The category pages for example have a h1
– https://www.screencast.com/t/9MzGwCIsQZmK
The temporary solution is to use the code I provided until this is fixed by us. For reducing or removing that shift, enter the code directly in the theme stylesheet, at the bottom.
I already added this on the issue list for fixing. Sorry for the inconvenience.
Thanks
Thank you for the very detailed explanation Simion! It helped clarify things a lot.
I really appreciate it.
Simion,
Hope you are well, looks like the CSS code that you provided me with below, for fixing the home page header size for the logo, no longer works:
.home .td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 200px;
}
Will this be fixed in the next update?
Alternatively, if I wanted to rebuild the theme look from scratch with how the current theme import looks, is there a wiki on how I can do that so I don’t have to apply any CSS to change a native logo alignment in the header?
Thanks!
Hi,
I believe the issue was fixed in update 9 if I am not mistaken. The demo was modified and there is no need for any code. Remove the code I provided to you and the header should be the same for all pages of the website when you use an image logo.
Please try it and let me know.
Thanks
Simion,
Upon the theme update, it removed all CSS since I don’t have the child theme installed yet.
With that said, I manually added the CSS code and nothing happened.
I just removed the CSS code, cleared server cache & website cache and tested in new Chrome incognito tab and looks like the update did not fix the issue.
Please have a look here: https://www.screencast.com/t/h37Y7a0C
Thanks!
Hi,
The fix that was made is as follows. When an image logo is set, the customization I was referring to in the demo will not apply anymore. It will apply only when using a text logo as default in the demo.
Currently the code I gave you is still applying
– https://www.screencast.com/t/jP4k9a3SoB5n
– https://www.screencast.com/t/vyH2oiR9JSSd
If you remove it from the theme panel the result will be like this on all the website
– https://www.screencast.com/t/fjdJKABfIa9J
Thanks
Simion,
You are correct, it was on the Theme Panel not Additional CSS under appearance.
I removed it and it worked. The header looks more uniform.
Thank you for your help.
