Search Results for 'css'

Hi,

Please try this custom css https://www.screencast.com/t/WuMFegUdGnq
.post .td-post-content ul li a{
color: white;
background: #6fa82f;
padding: 2px 5px
}

Thanks.

Hi,

It is possible if you use a cloud header template. The header menu element has an option to remove the images – http://prntscr.com/n9xho1 – http://prntscr.com/n9xhwt

It could be done with some CSS if you don’t use a cloud header template. I could give you a code for it if needed, provide a link to the website and mention for which menu item you want this. Let me know.

Thanks

Hi,

You can use a custom css to remove that author comments from your website,
.author .td-author-counters span:last-child,
.td_block_authors .td-author-comments-count
{
display:none;
}

Thank you!

Hi,

Yes, this can be hidden with a bit of CSS code.

.td-crumb-container{
display:none;
}

Thank you!

Hi,

I believe such an option may be added for the cloud header menu element, in a future update.

For the moment with a theme setting it is not possible. However I could give you a CSS code for it
2 columns – http://prntscr.com/n9w5z3

.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
width: 20em!important;
}

3 columns – http://prntscr.com/n9w6a4

.menu-item-49 > .sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
width: 30em!important;
}

This code can be entered in the theme panel custom CSS code section
– http://prntscr.com/n9w7ed

I can modify it if needed, or if it does no properly. It will apply only to that menu item, the one with the dropdown. Let me know.

Thanks

Hi,

In order to add margin between menu items you’ll need to use a custom css
-> https://www.screencast.com/t/b4jK0lla2n
.td-header-menu-wrap ul li a{
margin-left: 15px;
margin-right: 15px;
}
If you have Newspaper v9.5 or grater you can edit the menu items with the header builder -> https://www.screencast.com/t/C9Fo2p6Sm
-> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/

Thank you!

Hi,

In order to make the menu active, please try this custom css
.widget_nav_menu .current-menu-item a {
color: red!important;
}
Fell free to change the color.

Thank you!

Hi,

If you want to hide a specific category on blocks you can use a custom css ,
for example I want to hide the category Travel -> https://www.screencast.com/t/sCinDIlcM
-> https://www.screencast.com/t/p6jk08Lu4E -> https://www.screencast.com/t/ICb5keRVOkK
.td-module-image a[href$="/travel/"],
.td-meta-info-container a[href$="/travel/"]
{
display: none;
}
All you need to do is to change the category in code and the background color will apply on that category.

Thank you for your understanding!

Hi,

Please try this custom css
-> https://www.screencast.com/t/0nvf3gKtdU
.post .td-post-content img {
width: 100%;
}

Thank you!

A code like this will do the trick – http://prntscr.com/n9j5cg
It can be entered in the theme panel custom CSS section

.gsc-search-button svg {
vertical-align: middle;
}

Hi,

Please provide me a link were I can inspect those lists, in this way I will be able to provide you an working css.

Thank you!

Hi,

If you want to remove the category description -> https://www.screencast.com/t/WPfMNXkv you need to use this custom css
.td-category-description{
display: none;
}
-> https://www.screencast.com/t/Ho5T2nt6AP
Set the code in Theme panel>Mobile theme> Custom code> css

Thanks.

Hi,

Please try this custom css, set the code in Newspaper> Theme panel> Mobile theme>Custom code> css

#td-mobile-nav {
position: fixed;
}
#td-top-mobile-toggle {
    float: left;
}

@KingsleyMediaCorp reply in another topic -> https://forum.tagdiv.com/topic/website-theme-not-showing-up/

Thank you!

Hi,

That will be possible with CSS, some guides – https://www.wpbeginner.com/wp-tutorials/how-to-style-contact-form-7-in-wordpress/
– https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

So for example this code provided in the guide this will apply yo the button of the form
– http://prntscr.com/n9fx8z
You can customize it as you wish. If you need help with it let me know. Mention how you want it to be.

Thanks

Hi,

If I understand correctly you set a navigation menu in the widget sidebar and you want to change the colors for this one, if is so please try this custom css
https://www.screencast.com/t/v98omqYWt
.widget_nav_menu #menu-td-demo-header-menu-1 a {
color: red
}
.widget_nav_menu #menu-td-demo-header-menu-1 a:hover {
color: blue
}
If this is not working, provide me a link were I can inspect this menu, in this way I will be able to provide you an working css.

Thank you!

Hi,

I check your link in amp version on mobile and this is looking normally -> https://www.screencast.com/t/1yMSQdH14 if you want you can use this custom css for this images -> https://www.screencast.com/t/nYPi3sZ2
body .post .td-post-content .wp-block-image .aligncenter > * {
max-width: 90%;
width: 100%
}
After you set the code in Theme panel>mobile theme>Custom code > css please check again with mobile phone the amp version.

Thank you!

Hi,

You can try using the code below and place it in Theme panel -> Custom CSS area.

.td-header-sp-logo{
margin-top: 0px;
margin-bottom: 8px;
}
.td-header-sp-rec{
margin-top:11px;
}

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

Thank you!

Hi,

That should be possible with some CSS. Please post a link to the website where the search appears, so we can take a look at it.

Thanks