Search Results for 'css'

Hi,

The background image is added with CSS, I believe in this file
– https://www.screencast.com/t/pp1TeqaJ
But I don’t know how you could make it an automatic process. The image has to be selected from the media library and set as background for the row. Maybe you can think of a different method if you want to achieve this result.

Thanks

Hi,

It seems that for some reason the post title header is not working as intended. The responsive condition is not applying. Please enter this code in Theme panel->Custom CSS section and it should fix the situation
– https://www.screencast.com/t/VVtaIMBq

@media (max-width: 767px) {
.td-post-template-6 .td-post-header {
width: 100%;
}}

Thanks

Hello,

Sorry but the mobile theme has predefined mobile friendly fonts. IF you want to change them in specific location, you can mention where and we will provide a css code to change the font. Please specify where exactly you want the font changed and how. Is it a size increase, is it a font family change?

Thank you!

Hi,

There seems to be a problem with the slide. Check in the slide settings, maybe you have set some margin or padding in the CSS tab
– https://www.screencast.com/t/sjPbyzDvSBR
However it would be helpful if we could inspect the issue with the slide first hand. If you could provide a link top your website we will inspect it, and identify why this is happening.

Thanks

Hi,

Did you add a custom class to the block?
Please add a custom class like so: https://www.screencast.com/t/h58mRldXrNAv
Then you can add the code mentioned above in the theme panel under advanced css and place it in the mobile section.

Thank you!

Hi,

It seems the ad is loading but it is not displayed. Please enter this code in Theme panel->Custom CSS section, the ad should be visible on mobile
– https://www.screencast.com/t/2yPULXvwr

@media (max-width: 767px) {
.td-header-rec-wrap {
display:block;
}}

Thanks

Hi Arafat,

Here is talking about a block title. So, if you want to hide it only for mobile devices, you should add a custom class for it and then, with a bit of CSS code you can target to hide it only for mobile devices, like this ->

The code is ->

.custom_class .block-title {
display:none!important;
}

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

Thanks for the message!

Hello huynh101,

1)To make these changes, you should use a bit of CSS code. Try the code below and place it in Theme panel -> Custom CSS Area.

The code is ->

.td_video_playlist_column_3 .td_wrapper_player{
margin-left: 341px;
}
.td_video_playlist_column_3 .td_container_video_playlist{
left: 0;
}

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

2)You should make some changes in tagdiv_theme.min.js according to the following topic here -> https://forum.tagdiv.com/topic/disable-related-videos-in-youtube-playlist/ To be simple, you have to edit the tagdiv_theme.js, uncomment the rel: 0 according to above topic and then, using an online tool for minification create the minify version of this folder and replace it with the content of tagdiv_theme.min.js Clear all the caches and check the results. Should work as expected.

Thanks for your understanding!

Hi,

You can create your code so it applies only on the category pages you want. You can use the unique category IDs to make the code more specific. If you inspect a category page, it can be seen that the ID is displayed as a class on the body
– https://www.screencast.com/t/yyqt6YccQ
So you can create your CSS code based on this ID. Here is more information about using the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In this example I have changed the color of the category description, only for a particular category page
– https://www.screencast.com/t/xXCx8f7ojg

Thanks