Search Results for 'css'

Hello raunakniroula,

The font which is used in our demo is the default -> Roboto and Open Sans. I do not exactly understand what you mean, regarding on your problem. Please provide your website URL so I can inspect it closer and also, provide some useful screenshots with your problem so I can understand it better. In the future, please notice that you can use the Inspector browser to check all the elements from your website. Follow the steps from our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and then you can create your own custom CSS code. Notice that we cannot make your website and cannot make any custom work because we are unavailable doping this, at the moment, sorry! We only point you at the right direction.

Thanks for the message!

Hello darararan,

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

.td-header-menu-wrap{
border-bottom: 2px solid red !important;
}

The result is here -> http://screencast.com/t/LHhpFYcmKgnb

Thanks for the message!

Hello,

Unfortunately the smart list was built with clickable images. You can use a css trick to remove the link action though.
.td_smart_list_7 .td-slide-smart-list-figure img{
pointer-events:none
}
Add this in the theme panel-> custom css box. The link will still be there but it will not be clockable.

Thank you!

Unfortunately the pagination for the nextpage tag is a numbered pagination.

Here is a starter css:
.single-post .td-icon-menu-right:before{
content: 'Next Page'!important;
}
.single-post .td-icon-menu-left:before{
content: 'Previous Page'!important;
}
It will change the left and right arrows to next page and previous page but you will have to change the wordpress pagination functionality for this. You can find online resources that will provide some coding methods to alter the post pagination. alternatively there could be a oplugin for it.

I hope this helps a bit.
Thanks

Hello aizal,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello,

1. I cannot see any white line in the top bar on your site. What line are you referring to?

2. If you do not want to change the color from the theme panel, then you can change it using css. If you want to find the css that affects a particular element, the browser inspector is the best tool to see it: http://screencast.com/t/GFm90kXriSR
You can also use the theme panel->custom css box

3. You can eithr resize it with css like so:
.footer-logo-wrap img{
width:20%;
}
or simply disable it from the theme panel-> footer section

4. You can use this css:
.footer-text-wrap .footer-email-wrap a{
color:red;
}

5. Sorry but our theme has no such options. You will have to search for a plugin or create it custom.

Thank you!

Hello,
The demos can be changed and you can choose whichever demo you like, but you cannot combine demos. You will need css skills to do that. Please provide more details to what you want top achieve.
Thank you!

Hello dimitar,

Please check the Theme panel -> Translations section and from there you can change these names, like this -> http://screencast.com/t/YCoJPBpa
Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hi,

Please ad this code in the theme panel->advanced css code under tha tablet landscape box:
.sf-menu a.sf-with-ul{
padding-right: 27px!important;
}
For the tablets portrait unfortunately there is no simple solution as the menu items will be way to close to each other to display on a single line. This solution will only work for smaller desktop screens or tablets landscape.

Thank you!

Hello,

The category description has no font setting so it can only be targeted with css. Please use this code in the theme panel->custom css box:

.td-category-description p{
font-family: 'Open Sans', arial, sans-serif;
}

Thank you!

Hello Vegan Flavour,

For #2, I have noticed that you are using the module 3 style to display the posts to your category page. So, please notice that this is the style for this module and we do not recommend to change it via CSS because you should break the layout of theme. If you are not happy with this, you can change it with another one, from our list, here -> http://screencast.com/t/ATVc3X8rnOf If you want to stretch the image with CSS you should do it yourself because this task involve additional customizations until to good results received and we cannot provide custom work at the moment, sorry!

For #3, try the code below ->

.td-header-style-6 .td-header-main-menu{
padding-right:0!important;
}

Thanks for the message!

Hi,

Try another method as the slug will not work in css. Use the category ID in the code. Here is how you can see the category ID: http://screencast.com/t/7tfnTmaEq
Now use the code like so:

category-167 .td_category_template_8 .td-category-header {}

substitute my category id (167) with your own. If it still does not work, please provide a link to your category page so I can inspect it.

Thank you!

Hello dandin,

I suppose that your want to make your site in RTL mode, right? Please keep in mind that our 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

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

The code is ->

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

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

Thanks for the message!

It is possible. Each menu item has it;s own class you can use to change the css. Here is an example. On our demo I want to make the gadgets menu a different color and maybe have it look like a button:
http://screencast.com/t/EGjyCtBD
You can also add an icon if you want: https://forum.tagdiv.com/how-to-add-icons-in-menu/
I hope this helps.
Thanks.