Search Results for 'css'

Hello,

The breadcrumbs were hidden on this demo so you can enable them by adding this css in the theme panel-> custom css box:

.td-blog-beauty .td-post-template-default .td-crumb-container{
display:block!important;
}

The sharing options simply need to be activated from the theme panel: https://www.screencast.com/t/WyBLhO78pr

Thank you!

Hello,
It seems there is a css rule that affects the subtitle coming from your site and not from the theme: https://www.screencast.com/t/6huhlWVqfSll It could be a plugin or a css rule you added.
I see the html is different for that changed post subtitle as well. There seem to be 2 P tags one inside the other. That could be the reason for the font as it grabs the css for the p tag and not the subtitle css.
Please check your subtitle and re-add the text to the field without any html tags.
Thank you!

Hello chaosbunker,

Unfortunately, this is not a simple task and to accomplish it, is necessary to make some additional customization through the code, like style.css. Here you can see the limits for the width of each device and example, if you want to target a code to be applied only to tablet devices, you should use this media query, like this ->
@media (min-width 768px) and (max-width 1023px) If you want to make these changes and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide any custom work at the moment, sorry!

Thanks for your understanding!

Hello,

you can use this custom css to change the background for any page in particular based on the page ID. Each page has it’s own unique ID you can use to target each individual page. Here is an example:
.page-id-17{
background-color:white!important;
}
This will change your homepage background to white.

Thank you!

Hello chaosbunker,

Unfortunately, the theme will display the hamburger menu only between 767px and 0px. If you want to change this rule, you should change the media query call from the style.css core file. As a quick fix, you can change the font-size of your items menu when the width is for the tablet, for example. For more references regarding on this thing, check the guide here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks for your understanding!

Hello sakkiotto,

Do you want to remove the category tag for modules, right? Try the code below and place it in Theme panel ->Cusotm CSS area.

The code is ->

.td-module-image .td-post-category{
display:none!important;
}

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

Thanks for your understanding!

Hi,

1. You could use some custom css code to achieve this, like in this example – https://www.screencast.com/t/mGOPaGKpYR and experiment with the margin property if you want it to to look different, or just use it as it is now. The code must be entered in Theme panel->Advanced Css in the Phone section in order to apply only in that situation – https://www.screencast.com/t/6sN0ZN4wQWs This is the code I used in that example

.vc_custom_1489069033070 .td-pb-span4 {
width: auto;
float:left;
margin: 33px auto 33px 33px;
}

2. The problem is that the ad you are using is not responsive, and it is displayed the same in all the devices. If the iframe has a fixed width in all situations, that is the way it will be displayed. In this situation the ad is full – https://www.screencast.com/t/jCGfUg1fa7 but for anything smaller it gets cut off – https://www.screencast.com/t/z1iGFkAzx If you can configure your plugin to show different ads depending on screen size this can solve this issue. You can also find more about using other ads here – https://forum.tagdiv.com/using-other-ads-non-adsense-ads/ and examples for different ads based on screen sizes.

3. At the moment these are the tested plugins that are tested periodically – https://www.screencast.com/t/SiNOeNy294T along with the plugins provided in the theme package. This does not mean that only these plugins are compatible with the theme. You can try others as well, some may work and others not, depends on the plugin.

Thanks

Hello verbume,

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

The code is ->

.sf-menu ul .td-menu-item > a:hover{
color:black!important;
}

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

Thanks.

Hello Chito,

Yes, it is possible if you are using the media query rule and hide it only for mobile devices. For more references about this setting, you should check the following guide here -> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Thanks for your understanding!

Hello,

Please add this code in the theme panel-> custom css box:
@media(max-width:767px){
.td-menu-socials-wrap{
display:none!important;
}
}

This will remove the social icons from the mobile menu.

Thank you!