Search Results for 'logo'

That happens because the image is included in a link, the link occupies the whole space
– https://www.screencast.com/t/cyG4gKAzC2em
I could give you a code to make the link as wide as the actual image

.td-header-style-10 .td-logo-wrap-full a {
width: auto;
}

Enter it in Theme panel->Custom CSS code.

Hello,

There is an option for it in the Theme panel if you want to change the color for your logo. Please check here -> https://www.screencast.com/t/IXzb4iSGidiA

Thanks for your understanding!

Hi,

Indeed, there are header styles that display the logo centered
– https://forum.tagdiv.com/header-styles/
Header styles 9,10 and 11 would be like that, these also have no limit for the logo image size used
– https://forum.tagdiv.com/logo-favicon/
Let us know if you have further questions, we will try to help as best we can.

Thanks

Hi,

All the header styles are predefined in terms of layout, so any modifications will most likely require custom code.

1. Header style 1 logo is already on the left side, while the header ad is on the right. It would be difficult to position the logo right in any way different while also maintaining responsiveness, the containers and design is predefined
– https://www.screencast.com/t/gWKG8xzPc

2. The only header styles that do not have a limit for the logo size, are header styles 9, 10 and 11, please see this guide
– https://forum.tagdiv.com/logo-favicon/
The rest have required sizes for best results.

3. You could remove that space with a code like this
– https://www.screencast.com/t/4f2ap7eH
Custom CSS code can be entered in Theme panel->Custom code section
– https://pastebin.com/bq644WU3
It should not cause any issues if you use this code.

4. Try removing the news ticker and place it again on the page, there should not be such a big space around it. It should look like this
– https://demo.tagdiv.com/newspaper_tech/

5. You can set colors for the header main menu as you wish (background color, text color, hover color etc) in the theme panel
– https://www.screencast.com/t/NJz90WaXAT

6. That is the latest articles section, you can choose a different module
– https://www.screencast.com/t/7enpgmqjs0

Thank you!

From what I can see the mobile logo you set is displayed on mobile
– https://www.screencast.com/t/HdcMrJEF
This one to be more exact
– https://www.martialartsentertainment.com/wp-content/uploads/2018/03/mae-header2-140×48-1.png
Try with a different phone or browser. It could be caching on the mobile browser.

Hi,

I have inspected the website you provided, but I don’t exactly know what to test. There is no logo set on the website, the default WordPress blog page is set containing only the default post
– https://www.screencast.com/t/fzBtJhcM
If you could provide some more details about what we should look for it would be very helpful.

Thanks

Hello neoandrej,

You should use a custom CSS code with a certain post ID if you want to make these changes only for a specific post page. As a hint, you should try using the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.postid-1090 .td-main-logo img{
display:none;
}

The result is here -> https://www.screencast.com/t/w6awJvFBh

Thanks for your understanding!

Most header styles have limits for the logo size, also the ad space is limited to the recommended Google Adsense sizes (728×90 for header)
– https://forum.tagdiv.com/header-styles/
– https://support.google.com/adsense/answer/17955?hl=en
If you use the recommended sizes there will be no problem, anything else will most likely require modifications.

Hi,

From what I can see that is achieved by setting custom classes to the logo, then using a custom code
– https://www.screencast.com/t/zZzdZmX88
Basically that is an image, there are many effects that can be set for images, some examples here
– https://codepen.io/nxworld/pen/ZYNOBZ
You could try to make something similar if you want, for your website. Use the browser inspector tool to identify the theme elements and create custom code
– http://www.talkchelsea.net/

Thanks

Hello great1212,

1)Your logo has black color and that’s why on mobile devices this is not visible because the very top banner is black. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: white !important
}
@media (max-width: 767px){
#td-top-mobile-toggle i{
color:black!important;
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
color: black !important;
}

The result is here -> https://www.screencast.com/t/RyyPOmOE

2)The footer uses the logo in full width and that’s why you bring different results. Try to change the footer template.

3)Please check the following the topic from here -> https://forum.tagdiv.com/topic/social-counter-and-instagram-problem/

Thanks for your understanding!

Hello,

You can upload an animated gif as well. The logo of newspaper 8 is an animated gif.

Thank you!