Search Results for 'css'

Hi,

This is the easy way, hiding the ad with css although maybe it is not recommended I believe. Please use this code and it will work properly for the inline ad, when it is aligned to the right like in this case
– https://www.screencast.com/t/d31dDFEFE1

.category-179 .td-g-rec-id-content_inlineright {
display: none;
}

Thanks

Hi,

All the theme style is found in the style.css file from the main theme folder
– https://www.screencast.com/t/C0n0JhWTX
If you install a demo this comes with additional customization and styling. It would be helpful if you could provide some examples of what exactly you are trying to do, so I may be able to give you a solution.

Thanks

Hello DaveS,

The code which I gave you above you should add into your Custom CSS box and if you want that the code to be applied only for a specific category you should add the category ID in front of this code. If you will provide your website URL and the specific category where you want to hide this add so I can provide the final code if you fail to do this.

Thanks for your understanding!

Hi,

If there is a delay before the breadcrumbs are removed, you could enter the code provided directly in the theme style.css file instead of the theme panel, at the end of the code. use a text editor to edit the file and place the code at the end. That way they will not be visible and they will be removed at loading.
The breadcrumb structure can be changed in the theme panel
– https://forum.tagdiv.com/breadcrumbs/

Thanks

Hello ahmedyakub,

Here is talking about Category description and page title. If you want to remove it, you do not add the description from each category, in the panel, like this -> https://www.screencast.com/t/vQOk4r8V and also, for the page title, you can use a bit of CSS code. Or also, notice that you can change the page template to another one from panel, like this -> https://www.screencast.com/t/rfzBQ02T

.td-page-title{
display:none;
}

Hope this helps!

Thanks for the message!

Hi,

Using that post style template, the top article ad is displayed like this by default
– https://www.screencast.com/t/MyFA7svCiUtc
You seem to have set a float property on the article top ad, making it float left of the content
– https://www.screencast.com/t/jyYxZHjERzpy
If that is removed it will look like this
– https://www.screencast.com/t/4KjfbGUFEO
If you want to keep the ad the way it is now and align the rest of the content, you could try this code – https://www.screencast.com/t/YuJ2nL1d7Vu
Just enter it in Theme panel->Custom Css

.td-post-content ol {
clear: both;
}

If this is not what you wanted please provide more details about what exactly you want to achieve, so I may give you a more accurate answer.

Thanks

Hi,

Unfortunately there is no option at the moment to style the tags displayed under the posts. The tags will simply be displayed below the post, like it can be seen in the demo
– https://demo.tagdiv.com/newspaper/10-landscapes-wont-even-imagined-exist/
You could maybe style them with css and change the way they look, but for more advanced customization probably you will have to use a plugin that can do that.
Here is a guide explaining how to use the browser inspector to identify the elements on the page and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

Please try this code and see if it works for you
– https://www.screencast.com/t/fBfXXr34CS
Enter it in Theme panel->Custom Css

.td_category_template_5 .td-header-style-3 {
border-bottom: 0;
}

Thanks

Hello,

You can remove the grey underline by adding this code in the theme panel-> custom css box:
.td-header-gradient:before{
display:none;
}

Thank you!

Hello Irreverent Gent,

All of these elements can be hidden if you want to use a bit of CSS code. So, after this, you should use the Inspector browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and try to target the classes for each element and add the display:none rule via CSS custom code. Also, if you want to hide al of them only for a specific post, you should use the post ID for your desired post as a class, like this -> https://www.screencast.com/t/gBwyHSRWy.

Hope this helps!

Thanks for your understanding!

Hi,

In that file there are two sections. One containing the top sharing for the posts
– https://www.screencast.com/t/EV7SJEjna
And lower in that file is a section with the bottom sharing of the post
– https://www.screencast.com/t/cXKawQ2l3SRS
You will have to make modifications according to where you want them to display, top or bottom. To change the language for the Facebook like in the bottom sharing enter the code exactly like this
– https://www.screencast.com/t/RCIUxAqBO8F
– https://www.screencast.com/t/zY1y16MXVC
– https://www.screencast.com/t/2puNN5QuU

This is the code used locale=bg_BG&
There you can remove the twitter button for the section you want, by commenting or deleting the code
– https://www.screencast.com/t/nkhl0Fkjjs
Or you could simply hide it with css
– https://www.screencast.com/t/yq9ent8qrKg

.single #twitter-widget-1 {
display: none;
}
You could make the modifications to this file in a child theme if you don’t want to make them after each theme update. The respective file can be modified through a child theme.
Here is a guide about cresting a child theme and how to use it
– https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks

Hello ThatsGameBro,

If you want to affect only the H3 on posts, you should use the code below and place it in Theme panel->Custom CSS area.

.single h3{
border-left:6px solid #FF5722;
font-weight:700;
padding:5px 10px;
margin-bottom:10px;
font-family:Arial;
margin-left:5px;
}

The results should have to see here -> https://www.screencast.com/t/IzPBY7MaPv8P

Thanks for the message!

Hi,

Yes it seems the class used has changed, sorry about that. Please try it like this

@media (max-width:767px){
.entry-crumbs{
display:none!important;
}
}

The code must be entered in Theme panel->Custom Css section.

Thanks

Hi,

It would be better to try and use images that will fit properly for best results. I could give you a code to make the background color white like you want, like this for example

.td-big-grid-post .td-module-thumb {
background-color: white;
}

Try entering it in Theme panel->Custom Css and see if it what you want.

Thanks

Hello newbietamvan,

If you want to resize these icons on mobile, you should use a bit of CSS code to do this. Try the code below and place it in theme panel -> Custom CSS Area and check the results. Should work.

@media (max-width: 767px){
.header-search-wrap .td-icon-search {
font-size: 21px;
}
#td-top-mobile-toggle i {
font-size: 20px;
}

Thanks for the message!

Hi,

The theme stylesheet can be minified to improve speed. There are online css minification tools that you can use for this purpose. There are many topics here on the forum with useful information and advice to improve page speed. Like this one for example
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

Thanks

Hi,

You could remove the Latest articles only on mobile if you are using the mobile theme, with this code
– https://www.screencast.com/t/fSUg7l4fa6W
Just enter it in Theme panel->Mobile theme Custom Css code

.td-pb-article-list .block-title span {
display: none;
}

Thanks