I am wanting to recreate the the large logo area (Theme Panel – Style 10 – full logo on top + centre menu) as seen in this demo:
http://demo.tagdiv.com/newspaper_cars/
I have tried to configure the setting to emulate this example on a fresh install of WordPress but it doesn’t seem to allow for the same scale as in the demo?? Failing to see where i am going wrong so if anyone has a solution to this issue it would be very much appreciated.
Hi,
I assume your site does not go into full width mode. Maybe it;s because of this (bottom of the page): https://forum.tagdiv.com/background-introduction/
Please make sure you remove any background image and press the clear button for the background color so there will be nothing in the color box. http://screencast.com/t/Pykw8WR8X8i
Thank you!
Hi
Thanks for your response, however all those configurations were already set up and appear to be identical. I have two local environments set up side by side with separate installs and have matched the settings in the Theme Panel yet it still isn’t allowing me to have a large top centre logo image of 1920×580 pixels (as representative in the demo link) it just remains a small thumbnail size???
Do you have any other possible solutions/remedies?
Kind Regards
Hello joncreek,
Please provide your website URL so I can inspect it closer and also, so I can saw how looks like your headers.
Thanks.
Hi Catalin,
Like I say I only have the theme’s installed in a local environment at this point, and won’t be uploading to a server until I’ve finalised a few concepts. Is there possibly anywhere I can send some screen shots or things of that nature that will make it easier for you??
Kind Regards
Hello joncreek,
Yes, you can attach here some useful screenshots so I can identify the problem. (you can use the Jing for screeshots)
Thanks.
Hi Catalin,
This is what i’m wanting to recreate; the the large logo area (Theme Panel – Style 10 – full logo on top + centre menu) as seen here:
http://screencast.com/t/rf5kbEcF
However this is what I am actually getting currently:
http://screencast.com/t/hnY5nXnnqmT
Like I have already described I have two installs running on a local environment. One with the demo content installed which I have just replaced the logo image, I then have another install where I was trying to recreate that feature. I have gone through everything side by side to make sure the setting are the same (which I believe they are), however I feel I may be missing something obvious but just don’t know what??
Could you shed any light on what I am probably doing wrong??
Many thanx
Hello joncreek,
To achieve the same layout, you will have to add a width:100% for your logo image, as in this example ->
http://screencast.com/t/1KtVwuEx9
.td-header-style-10 .td-header-sp-logo img {
width: 100%;
}
Hope this helps!
Thanks.
Hi Catalin,
Is there a way to make that change without using css live editor? I’m struggling to find the specific line of code I need to alter in the style sheet and I do want to make this process as easily repeatable for fresh installs for future sites??
p.s. I do have a development site up on a hosting account now if that helps the situation?
Kind Regards
Hello joncreek,
If you want that all your custom CSS want to be valid for other updates and do not want to loose it, please notice that you should use the child theme and add there all your custom CSS which you have it. For more information about child theme support, please check here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/
Hope this helps!
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi Catalin,
That has sorted my issue out. Thank you for your patience and guidance it is much appreciated.
Thanks
