Search Results for 'css'

Hello !

You can use this css: .td-scroll-up {
bottom: 109px;
right: 19px;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hi,

I think that you are referring to the subcategories -> https://i.imgur.com/EzKXRYA.png unfortunately there is no option for this, but you can achieve it using a custom css like this one -> https://i.imgur.com/PaoRUzB.png
.menu-item-1067 .block-mega-child-cats {
order: 1;
border-left: 1px solid rgba(10,0,0,.05)!important;
text-align: left!important;
}
This code can be apply only on this menu from this website -> https://hurunhub.com/
The code need t be set in theme panel> custom code> custom css.

Hope that it will help you!

Hi,

Yes, this one can be too controlled on each viewport using the css tab from tagDiv Composer -> https://i.imgur.com/rwQJl6Q.jpg -> https://i.imgur.com/D1bPbNb.png usually the settings that you make on desktop will be apply on all devices if you do not set them individual.

Have a nice weekend!

Hi,

The mobile will display the content in full width -> https://i.imgur.com/y3jibYb.png you can check it using the view port option from tagDiv Composer -> https://i.imgur.com/cHulder.png

The css that you add on desktop can be set for mobile too, just check the mobile version like this and change the css -> https://i.imgur.com/wo4hu7s.png ( the css tab will apply on each view port).

Let me know the results!
Thank you!

Hi,

Please try this custom css to reduce the bottom space -> https://i.imgur.com/Nu65Lxz.png
.single .td_block_related_posts{
margin-bottom: 0;
}
The code need to be set in Theme panel> Custom code> Custom css.

Hope this will help you!
Thank you!

Hi,

If you want to remove that “latest” button from all categories you can do it from theme panel -> https://i.imgur.com/Xzcy8L1.png if you want to remove it only on this category you can use this custom css https://i.imgur.com/PSofWvh.png
.category-articles .td-category-pulldown-filter{
display: none;
}
For hover color you can use this custom css ->
https://i.imgur.com/fZVkvbR.png
.td-category-header .td-pulldown-category-filter-link:hover{
color: #fff;
background-color: #888!important;
}
The code need to be set in Theme panel> Custom code> Custom css.

Hope this will help you!
Thank you!

Hi,

If you want to reduce the space between posts you can use this code -> https://i.imgur.com/lZIpFQQ.png
.category .td_module_10 {
padding-bottom: 16px;
}
To reduce only this space -> https://i.imgur.com/NymVDsX.png
.category .page-nav {
margin: 0px 0 30px 0;
}
If you want to reduce the space above and bellow the pagination use this code -> https://i.imgur.com/2SpAM0D.png;
.category .page-nav {
margin: 0px ;
}
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

Sorry, was may mistake, you were not referring to the header, you was referring to this text-> https://i.imgur.com/y4L7jGJ.jpg most of elements have individual option, but since I do not know what element you are using, I can recommend a general option that have all elements, the css tab, you can set a margin or padding on the text for each device in part like this -> https://i.imgur.com/tgd2pTo.png -> https://i.imgur.com/JYEAVFw.png -> https://i.imgur.com/S1TTaq9.png -> https://i.imgur.com/ilKDUpY.png you can try both of them to see which one is better for you.

Hope this will help you!
Thank you!

Hi,

In order to remove only the shadow box you can try this custom css
.td-post-template-10 .td-post-featured-image img {
max-height: 600px;
width: 960px!import;
object-fit: scale-down;
object-position: center;
}
.single .td-post-template-10 .td-post-featured-video img {
box-shadow: none;
padding: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
If you want to reduce the background color you can use this css -> https://i.imgur.com/q9fpMv1.png
.single .td-post-template-10.td-video-template-bg {
width: 1116px;
margin: 0 auto;
}

Hope this will help you!
Thank you!

Hi,

If this text is not required, you can use a css like this one -> https://i.imgur.com/aODzsZX.png
.single .comment-form-cookies-consent{
display: none;
}
The code need to be set in theme panel> Custom code> Custom css.

Hope this will help you!
Thank you!

Hi,

For this you need to edit the single post template with tagDiv Composer like this -> https://i.imgur.com/5PWSZQr.png click on the view element and set the mobile viewport, after that from css tab set the display on view -> https://i.imgur.com/dSMUVXO.png do the same for the commend element -> https://i.imgur.com/GvzNSBp.png select it like this.

Hope this will help you!
Thank you!

Hi,

If you are referring to this button -. https://i.imgur.com/30utgTt.png and if you want to add it in the above box, you can do it using the css tab, on that table you need to set a padding bottom, for example 70, on button you need to set a “-120” and 48 margin top and bottom https://i.imgur.com/MWsJRc8.png -> https://i.imgur.com/kyHzIe4.png

Hope this will help you!
Thank you!

Hello !

This option is available only for the flex blocks. We recommend you to use Flex blocks since they are more customizable. Unfortunately for the rest of your elements you will have to use custom css which is not covered by the support team.

Thank you for your understanding !

Hi,

I think that you can do that, but is a little more work to do, for example add an extra class on each video -> https://i.imgur.com/fd5Ekcx.png make sure that you set a blank space after the class, after that use that class in the from of the above css like this -> https://i.imgur.com/FtY9SKm.png

Hope this will help you!
Thank you!

Hi,

If the page was made with TagDiv Composer, you need to edit it, click on that element and click on the column from that row, after that in css set a margin and padding for left and right lets say 0 -> https://i.imgur.com/iUomjmI.png

Hope this will help you!
Thank you!

Hi,

Then you need to use a css on the class of posts, -> https://i.imgur.com/r1w8fJ8.png -> https://i.imgur.com/51XJNuT.png this css -> https://i.imgur.com/0YjfJgi.png will aply only on this post.

Hope this will help you!
Thank you!

Hi,

This can be done only with custom css, if you want you can try this css -> https://i.imgur.com/LTpO0ej.png
.td_wrapper_video_playlist .td_video_currently_playing {
background-color: pink;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper{
background-color: #2196F3;
}
.td_wrapper_video_playlist .td_video_currently_playing:after, .item-list-tabs .feed:hover {
border-color: #2196F3!important;
}
.td_wrapper_video_playlist .td_container_video_playlist {
background-color: #777777!important;
}
If you want you can change the colors.
Also the code need to be set in Theme panel > Custom code> Custom css.

Thank you for your understanding!