Search Results for 'css'

Hello,

The animation cannot be changed unfortunately. The rest can be done through css.
Font change:

.td-subcat-filter .td-subcat-link{
font-family: 'verdana'!important;
}


Unfortunately if you force capitalize on this section the css will break: http://screencast.com/t/UkG4Z8rFpUM

You can change the color like so:
.td-subcat-filter .td-subcat-link{
font-family: 'verdana'!important;
color:red!important
}

I hope this helps.
Thanks

Hello Rousing The Kop,

Please keep in mind that our theme has been designed to be more useful both desktop and mobile mode. So, at the moment, please notice that our theme has 2 alternatives for mobile mode -> the first one is named as default mobile which all the element from desktop version is compressed to look better on mobile mode and the second one is named Mobile Theme which is totally different than your desktop…as you can see in our documentation here -> https://forum.tagdiv.com/the-mobile-theme/ the mobile theme only display the Big Grid with Featured posts at the front of your page, some texts if this will be written from the backend (Mobile Editor) and at the bottom you will bring the Latest Articles module. Please notice that you cannot bring the sale layout on the mobile which looks as similar with on the desktop without responsiveness because the width is different.

The author will need a bit of a CSS fix as the CSS got changed a bit in the new update but the author name was not updated for it. So until the next theme version please use this CSS code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Thanks for your understanding!

Hello diablo7,

Try the code below and place it in Theme panel->Custom CSS area.

.td_module_mob_1 .td-post-date {
display:none
}

Thanks.

Hello,
Are you maybe using the mobile theme plugin? https://forum.tagdiv.com/the-mobile-theme/ If you use this plugin then any custom code you add in the theme panel custom code section will not work. you have to add css here:
http://screencast.com/t/nfBW3yhc0Dvy Please read this guide for more details on the mobile theme: https://forum.tagdiv.com/the-mobile-theme/
Thank you!

Hello,
Our theme does not have such an option unfortunately. You can hide all of the content with css but the code needs to be added differently if you use the mobile theme. Please provide a link to your site so i can inspect it and provide the proper code for this. (reply in this topic do not create a new one)
Thank you!

Hello,

There is a default padding on pages seen especially if you use big grids. You can remove it with a bit of css like so:
.td-main-page-wrap{
padding-top:15px!important;
}

However if you use a trending now element or different elements, this padding will be required.
You can target specific pages using the unique page id like so:
.page-id-90 .td-main-page-wrap{
padding-top:15px!important;
}

http://screencast.com/t/PJTVhsEE

As for the sidebar you will have to provide a link to your site so I can inspect this element

Thank you !

Hello,

This is how that part looks commented: http://screencast.com/t/pitB5GxR1h or you can simply delete that part starting from under function __construct() { all the way down to the second secolon but do not delete the add_action below.
After this you can use it with your own plugins and you can use this guide to find the ID’s for the css and js and add them to the proper code inside the speedbooster plugin: https://forum.tagdiv.com/how-to-make-the-site-faster/
However this is for advanced users so you have to be carefu lwith the code where you place it and how. Please do it exactly as the guide suggests.

Thank you!

Hello,

Our grids already have the gradient so you can read the content:
default: http://screencast.com/t/n3R4DpUKfCY no gradient: http://screencast.com/t/z9Q3O94TXkW
You can increase this gradient if you want it stronger with this css code:
.td-module-thumb a:last-child:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%)!important;
}
As for the meta info, you can select the meta you want for modules and blocks as well as the category tag from the theme panel . You can remove these elements if you do not want them:
http://screencast.com/t/SozRBtvzLAt and http://screencast.com/t/Pl9YedX3V

Thank you!

Hello,

We do not have documentation on this as the theme files are only used in customization and that is not part of the theme support or docs. Each demo has it;s own css file you can find here: http://screencast.com/t/Plvwls3TDI

Thank you!

Hello SirBrayden,

I have checked your website and I have noticed that there is talking about some padding-top for the main page container. If you want to decrease it, try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-main-page-wrap {
padding-top:25px;
}

The result -> http://screencast.com/t/zsQ3CV4UDrv

Thanks.

Hi,

Please try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: red;
}

The result -> http://screencast.com/t/aczchWQfe7

Thanks.

Hello seifdine,

I have checked your website and I saw that you are using the RTL mode for the theme. Please keep in mind that the theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/

Thanks for your understanding!

Hello stavrosgian,

You will have to add the !important tag to make more precise your code. Try the code below and replace it in Theme panel->Custom CSS area.

.td-module-comments a{
background-color:Red!important;
}
.td-module-comments a:after{
border-color: red transparent transparent transparent !important;
}
.td-module-comments{
font-size: 12px!important;
}

Thanks for your message!

Hello ShivaBhikshatana,

In order to remove more from author you can use 2 methods:
The css method:

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

or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

I hope this helps.

Thank you!