Search Results for 'css'

Hello,

Sorry but the sort order is not created in css.
If you want a custom sort order, here is an example on how it is created:
https://forum.tagdiv.com/topic/implemented-new-sort-most-popular-among-posts-of-last-7-days/
Alternatively, you can select specific posts you want shown in your block using the post id filter.

Thanks.

Hi,

This code should make the menu and the search switch places on mobile
– https://www.screencast.com/t/DDTZrciLY

#td-top-mobile-toggle {
position: absolute;
right: 0;
}
#td-top-search {
right: 54px;
}
Enter the code in the same phones section of the Advanced Css.
To change the way the mobile modal is functioning may not be so easy. This is where the feature is defined in the theme, in the theme stylesheet
– https://www.screencast.com/t/aOkd1fUq
Try changing the translate values and see if it works properly. There may be other values and elements that would require modifications to make it work.

Thanks

Hi,

After further inspecting this issue, it seems there is a height limit for the open menu on mobile. The menu items are all there but they cannot be seen.
Please enter this code in Theme panel->Custom Css and it will increase the height of the menu on mobile, to be able to display all the categories
– https://www.screencast.com/t/EGcugrp1pLi

.td-mobile-content .td-sub-menu-open > ul {
max-height: 5000px;
}

Thanks

Hi,

Please note that we answer all the topics on the forum, as soon as possible. After inspecting this issue on your website, it seems that the ad code you are using has 2 images in it’s structure. One with the actual image of the ad, and another image with a width and height of 1px
– https://www.screencast.com/t/uBOp1ATLkm
The theme is setting a width of 100% for both these images, that is why they are displayed like this instead of their normal size.
Please enter this code in Theme panel->Custom Css and it should make the ads display in their initial form, and also center them
– https://www.screencast.com/t/KwbSwqc8q
– https://www.screencast.com/t/j1Kadb2OfL4

.td-a-rec-id-sidebar img,
.td-a-rec-id-content_bottom img {
width: auto;
margin: auto;
}

Thanks

Hi,

1)On desktop it will look exactly the same as before as the code only affects the mobile version of the theme.
2) Sorry but css cannot do that. That must be programmed by a developer as it takes a lot more than just css. Sorry but there is no simple solution for it.

Thanks.

Hi,

There doesn’t seem to be such padding in that plugins structure. But it is present as an inline style, something must be adding it there. Like I mentioned there is no such padding in the theme style, it would have no purpose.
You could try as a quick fix the code I provided above, with the negative margin that would somewhat override that padding.
Just enter the code in Theme panel->Custom Css.

Thanks

Please add this custom css in your theme panel-> custom code-> custom css box:

.vc_toggle .wp_social_bookmarking_light{
display:none;
}

Thanks.

Please provide more details to exactly which button you want to hide with css.

Thanks.

Hi,

By default there is no option to remove that section. There are two ways you could do that. The first one will require you to comment or remove this line of code from this file
– https://www.screencast.com/t/q3nJvvoEUxf3
Or you can enter this code in Theme panel->Custom Css
– https://www.screencast.com/t/a2ZPVB5DpHii

.td_block_related_posts .td-related-right {
display:none;
}

Thanks

Hello,

If you want to add borders and spacing to blocks and modules, please note you can add them in the tagdiv composer in the css editor box but only exterior borders can be added. You cannot create a grid around the posts as mentioned. It can only be done with custom css. Unfortunately there is no simple solution for it.

Thank you!

Hi,

The header style you are using does not have a limit for the logo image. If you would like it to cover all the space, simply upload a bigger logo image. Your current logo is like this
– https://www.screencast.com/t/LHnIWzzEipl
And the logo container for me is bigger
– https://www.screencast.com/t/lfn4hZooD
The logo image will not get stretched to fit, you have to use a bigger one. On bigger devices there will be an empty space if the image is smaller.
On mobile you can try a code like the one below for what you want to achieve. It will remove the gap you mention, align the logo to the left and move the menu toggle to the right
– https://www.screencast.com/t/dx0y4Glys8zh

.td-main-menu-logo img {
max-height:54px;
margin-left:0;
}
#td-top-mobile-toggle {
float:right;
}

This code must be entered in the Theme panel->Advanced CSS in the phones section. Please let me know if I misunderstood something, and I will make adjustments.

Thanks

Hi,

If you only want the links inside your post content to be underlined, please add this code in the theme panel-> custom css box:
.td-post-content a{
text-decoration:underline!important;
}

Thank you!

Hello HadLines,

You should use a bit of CSS code to do this. Try the code below and place it in Theme panel.

The code is ->

.td-sub-footer-copy{
width: 100%!important;
text-align:center!important;
}

Thanks for your understanding!

Hello viscott,

You should use a bit of CSS code to only hide it on the front end but the functionality will remain and each post view will be increment at your backend.

The code is ->

.td-post-views{
display:none;
}

Hope this helps!

Thanks for your understanding!

Hello 1CBAR1,

If you want to change these strings you should check the Theme panel->Translations setting and from there you can add any text you want, like this -> https://www.screencast.com/t/lbfjnxfR Also, if you want to add some properties for these, like background-color/color/font-family you could use a bit of CSS code to do this because the theme does not have any such an option that allows you to change these from Theme panel, sorry! Provide your website and more details about what you want to achieve so I will be able to provide a more accurate response.

Thanks for the message!

Hi,
Please add this code in your theme panel-> custom css box:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
}

Thanks.