Search Results for 'css'

Hello Ken0929,

If you want to remove the date for a specific block you should use a bit of CSS code and target the exact block you want to remove this information. For example, if you want to remove the date for block 2, you should try the code below and place it in Theme panel->Custom CSS area.
The code is ->

.td_block_2 .td-post-date {
display:none;
}

Hope this helps!

Thanks.

Hi,

It seems you have a page mega menu, and sub-menus inside it. If you want to keep this, I am assuming you want to display these menu items on a horizontal line, like this
– https://www.screencast.com/t/kFUTwaO4U9lE
This is the code used, it must be entered in Theme panel->Custom Css

.menu-item-1515 .td-normal-menu {
width: auto!important;
}

Thanks

Hi,
Sorry but if i cannot inspect your site I am unable to help with any css. Use the browser inspector and see where you need to change the css to remove that line. I need to inspect the code in order to provide a css for it.
Thank you!

Hello,

You can try this css:
.td_text_highlight_marker_red{
background-color:grey;
box-shadow: 8px 0 0 grey, -8px 0 0 grey;
}

Add the code in the theme panel-> custom css box.

Thanks.

Hello,

This is caused by the speedbooster plugin because it moves style.css to the footer so the css will only load after the rest of the content. This is done to increase the page loading speed but at the same time you will see each css rewrite happen. If you want to prevent this you should remove style.css from the speedbooster plugin code: https://www.screencast.com/t/ygx12ohW0V
I hope this helps.

Thanks.

Hello grochu,

Unfortunately, we know about this problem and we will consider t fix it in near future updates. Try the code below and place it in Theme panel->Custom CSS area.

.td-stretch-height {
height: 100%;
width: 100.03%;
margin: 0;
position: relative;
}

Thanks for your understanding!

Hello,

The top menu was disabled for mobile devices. It can be activated though with css. Please add this css code in your theme panel-> custom css box:

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

Thank you!

Hello

1)The theme does not have any such an option that allows you to change the URL of the author link in the post to another specific page, sorry! You should make a Redirect for this case, you will need to create a 301 redirect from that link to your destination page. The theme has no such option. Here is an example on how to redirect links: http://www.wpbeginner.com/beginners-guide/beginners-guide-to-creating-redirects-in-wordpress/

2)For your second request, you should use the code below and place it in Theme panel->Custom CSS area.

.td-social-twitter{
display:none!important;
}

Thanks for the message!

Hello,

You can use this css to increase the size of the container:

@media(max-width: 767px){
.td-trending-now-post {
height: 40px!important;}
.td-trending-now-wrapper{
height:70px
}}

Thank you!
Bogdan B

Hello,

That’s really something if you tested over 100 themes 🙂 We are glad to see happy customers.
As for the css, use this one and change the font size and color to your preferred one:
.td_ajax_load_more{
font-size:20px;
color:red!important;
background-color:yellow;
}
The hover color is grabbed from the theme accent color though.

Thanks.

Hi,

You can try a solution like this to center align the post title and the post meta displayed on the homepage for the module you are currently using
– https://www.screencast.com/t/NFYEzy3A
This code must be entered in Theme panel->Custom Css as well

.td_module_4{
text-align: center;
}

Please let me know if you would like something else, or this is not working for you.
Thanks

Hello,

That element does not seem to come from the theme though. It looks like a custom implementation. Please provide a link to your site so I can inspect it and see if there is any css I can provide to change the color.

Thank you!

Hi,

From what I understand you would like to make the Video News demo similar to the Black Version demo. You could use css along with theme options to style it to look like the black demo. This would require you to identify the elements on the page and set the background you want, like in this example for the homepage
– https://www.screencast.com/t/hFbDJhuNJr9e
You can use the browser inspector to identify these elements and include them in the code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
But also you could just install the black demo which is already using a black accent and overall color, and just recreate the page structure form the other demo.

Thanks

Hi,

If you would like to change the review stars color only for that place, you could do it like this
– https://www.screencast.com/t/tnfOqYasVm8U
This is the code used, you must enter it in Theme panel-Custom Css (you can change the color to what you like)

.single
.td-review-stars
.td-icon-star {
color: blue;
}

Thanks

Hi,

You could hide the category description with some Css. If you want to hide it for all your categories you can use a code like this
– https://www.screencast.com/t/5UaEua0Gao – https://www.screencast.com/t/BHRFlif7G05
And if you would like to remove it on a particular category, like this
– https://www.screencast.com/t/Uf37Harm6
This is the code used, you must adapt it for your category if you want it to apply for a specific category, or use it like it is for all the category pages

.category .td-category-description {
display: none;
}

Another way of doing it would be to edit the category template files from the theme that you want or use for that category, and remove the code responsible with the category description – https://www.screencast.com/t/4EuRaO4DJ

Thanks

Hi,

@HometownShare You can choose from a multitude of styles available for the Post Masonry grid, and pick the one that you think it’s best for your website – https://www.screencast.com/t/mXpcauMh0O3
Maybe you can find a style that has the display that you want. Anything else would require custom modification to this element through Css or other means.
If you like to hide the post excerpt for the masonry grid element, you could use this code
– https://www.screencast.com/t/nHMWh0N0
This is the code used in the example, if you decide to use it it must be entered in Theme panel->Custom Css

.vc_masonry_grid .vc_gitem-post-data-source-post_excerpt {
display: none;
}

Thanks

Hello Zrki,

If you want to remove the link from author name in the comments section, use the code below and place it in Theme panel->Custom CSS area.

.comment-list a {
pointer-events:none;
}

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

If is not what you mean, provide more details.

Thanks.