Search Results for 'css'

Increasing it’s height will require to increase the height of the whole header
– https://www.screencast.com/t/acijSzOC

.tdm-header-style-2 .td-main-menu-logo img {
max-height: 90px;
}
.tdm-header-style-2 .td-header-menu-wrap-full {
height: 90px!important;
}

Be sure to enter that code in the desktop section of the Advanced CSS section.

The header style seems to display as intended in your website when stretched and using multi-purpose style 2. The logo is positioned on the left, not centered. The container structure does not allow it to be centered.
Maybe with a margin left or position, but that will most likely cause problems on smaller devices.

Now I know what you mean. Instagram works but the username is not displayed on top of the images. I see that you installed the fitness blog demo. As it can be seen in the demo homepage, the Instagram name is not displayed
– https://demo.tagdiv.com/newspaper_blog_fitness/
It was decided instead to display a custom title “Instagram” and the demo design will remove the username.

So in order to display the name either remove the code that hides it from here
– https://www.screencast.com/t/tWGVw6FN
Or enter this code in Theme panel->Custom CSS

.td-blog-fitness .td_block_instagram .td-instagram-header {
display: block!important;
}

– https://www.screencast.com/t/zSajeccBPq

Hello neritondias,

Sorry but the theme does not have any such an option that allows you to do this for each category, sorry! You should do it manually through such a custom CSS code. You can try using such a plugin with this functionality and check the results.

Thanks.

Hi,

Basically this is related to website optimization and speed in relation to how CSS works. There are some topics that you can read in this matter, a few here
– https://forum.tagdiv.com/topic/old-css-ghost-colors/
– https://forum.tagdiv.com/topic/theme-flashing-default-blue-top-bar-before-loading/

The text decoration underline thickness cannot be changed with CSS, there is no CSS rule that I know of. Maybe that example you keep mentioning is not using this method. It could be using a border bottom, in this case the thickness can be controlled
– https://www.screencast.com/t/Sxq4O1uTlXY

.td-post-content a {
color: #222;
border-bottom: 2px solid yellow;
}
.td-post-content a:hover {
text-decoration: none;
}

Hi,

From what I can see this is caused by a “Pin it” button that tries to display on the images. It’s CSS is conflicting with the theme. Try a code like this in Theme panel->Custom CSS and it should resolve the problem
– https://www.screencast.com/t/tztUl36NB

.td-gallery div.sw-pinit {
position: static!important;
opacity: 1!important;
}

Thanks

That is unusual, maybe it is not entered in the theme panel. I still see it in the page source here however
– https://www.screencast.com/t/wCpe4vfP3r
If you cannot find it, I could give you a different code to cancel it on mobile

.sf-menu {
display: none;
}

Enter it in the Advanced CSS->phones section.

Hi,

If you are referring to the color of the icons, there seems to be custom code affecting a few of the socials
– https://www.screencast.com/t/cihMgytAS
If you will remove that code, they will display normally
– https://www.screencast.com/t/At9gggP3U8
Check for such codes in the theme custom CSS section of the theme panel.

Thanks

Hi,

I should mention that you should try to provide all the details in a single post if possible. If you keep replying in your own topic it will delay our answer. We always answer from oldest to newest. So replying in your own topic will renew it.

So you want the links in the post content to have the same color as the paragraphs, and they should be underlined with a color at all times. That could be done with some CSS.
This is a default link I created in a post
– https://www.screencast.com/t/kdBq9NWf
Then I used a code such as this one – https://www.screencast.com/t/YLYuJwPG3PE
It will remove the link color and also add an underline that will not change when hovered. If that is what you want enter this code in the Theme panel->Custom CSS section

.td-post-content a {
color: #222;
text-decoration: underline;
text-decoration-color: yellow;
}
.td-post-content a:hover {
text-decoration-color: yellow;
}

Thanks

Hi,

1. The new design for the socials is different from the previous one. The style you select in the theme panel will apply to all of them.
Maybe that could be done with some CSS. For example you choose this style
– https://www.screencast.com/t/l31lbrCPDXCu
The socials will look like this – https://www.screencast.com/t/mhclJ7iTg
Now with some CSS make them look like this
– https://www.screencast.com/t/Tbt4s6dG8Ffz
This is just an example, the code can be modified if needed. If you decide to use it enter it in Theme panel->Custom CSS

.td-social-googleplus .td-social-but-text,
.td-social-pinterest .td-social-but-text {
display: none;
}

.td-social-googleplus,
.td-social-pinterest {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}

2. That is not possible by a theme setting. The socials will only be displayed in their predefined place in the post structure. The posts can be shared, but not specific images inside the post. I believe there are plugins for that.

Thanks

Hi,

So you have that sidebar set for also the initial page where the menu widget is displayed, and also in the destination pages. Maybe that would be possible with some CSS. For example I have this menu widget in a page
– https://www.screencast.com/t/KZfXj3YXrkDJ
The “test” is a post for example, when it is clicked it directs to the post page which also displays that menu in the sidebar. A code like this will color the “test” link
– https://www.screencast.com/t/6dZxvMTfyV
That would work also for categories in the menu or other elements.
There could be other solutions as well, this is the first thing I thought about.

Thanks

Hi,

1. From what I can see The news ticker element is affected by the font settings you have set for the body
– https://www.screencast.com/t/8GD3g1LI
The news ticker seems to be affected by the general body font settings. I will add this issue on our list and it will be fixed as soon as possible. In the meantime use a code like this in Theme panel->Custom CSS
– https://www.screencast.com/t/qqWbn6P68LQ

.td_block_trending_now {
font-size: 14px;
line-height: 21px;
}

2. For the big grid it seems that the font family is applied, only the font-size and line height is not working. I believe this is already added on our list, it will be fixed as well. Use this code to set the font size and line height of your choosing
– https://www.screencast.com/t/ysK3JeAz

.td_block_big_grid_fl_3 .td_module_mx20 .td-module-title {
font-size: 40px;
line-height: 40px;
}

These issues will be solved as soon as possible, sorry fro the inconvenience caused.

Thank you!

This is the code that does that – https://www.screencast.com/t/DbIS29ISUshv
The desktop menu should be hidden on mobile, but that code makes is visible
– https://www.screencast.com/t/sbtlcpqO5Y
If you remove it or add it to the Advanced CSS, the default theme condition will apply.

Hello Gbugmenot,

Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-newsmag-voice .td-main-content-wrap{
margin-top:5px;
}

Thanks.

Hi,

So I see that you want to have a Instagram section as the Construction demo. The demo ads some customization to this section, visually. A filter is added over the images, this is the code used if you want the same effect
– https://www.screencast.com/t/NlFWpEJF8vV
It must be entered in Theme panel->Custom CSS

.td_block_instagram .td-instagram-image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.td_block_instagram a:hover .td-instagram-image {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}

If you place the Instagram element in a page and you want it to be full width, stretch the row
– https://www.screencast.com/t/IgB57i9JEE
If you place it in the footer and the website has a background set, the footer section can be stretched despite this
– https://www.screencast.com/t/6QeOpE1Lqe

If I did not manage to identify the problem, please correct me and I will try to help you further.

Thanks