Search Results for 'css'

Hi,

The background color for the ad box element comes with this particular demo style. You could remove it with a code like this
– https://www.screencast.com/t/gBDxWXnW7abl
This is the code used, you must enter it in Theme panel->Custom Css – https://www.screencast.com/t/xrwhhLZf

.import_video_ad_bg {
background-color: transparent;
}

You could also remove it from the demo stylesheet directly if you want to, like this
– https://www.screencast.com/t/hchTTT6XTj

For the header section you can set a background in theme panel, like this
– https://www.screencast.com/t/Oo7xmCagL

Thanks

Hello,

This is why we usually need to inspect the site in order to provide a code. Not everywhere will a general css work. Our demos add extra css to each element. In this case you should use this code:
.td-blog-beauty .td_block_template_1 .td-related-title .td-cur-simple-item{
font-size:20px!important;
}

Thank you!

Hello,

If you want to target all of the category tags at once, you can use this css code:
.td-post-category{
background-color:Red!important;
}

Thank you!

Hello,

Here is an example code of how this can be done:
.page .td-post-template-8 .td-post-header{
height: 380px;
}
You will have to add the code in the advanced css boxes and adapt the size for each display size: https://www.screencast.com/t/YreMvdAy

Thank you!

Hi,

If you would like the code to apply for all the devices, you must enter it in Theme panel->Custom Css
– https://www.screencast.com/t/ebAfi4MQu
Or for specific device resolutions in Theme panel->Advanced Css
– https://www.screencast.com/t/JN9nBOuhL

Thanks

Hello,

Installing a demo will not limit your theme functionality, but it will add the demo style to your site and some settings are overwritten by the demo in order to get that particular style to work. You do have all the customization options intact but some parts of the demo were added with css and they will need to be removed with css as well, but they do not affect your settings.
Uninstalling the demo can also have repercussions on your content this time if you edited the demo content. We do not recommend editing the demo content and using it as your own. Uninstalling the demo will also remove the dummy data that came with it.

Thank you!

Hi,

You should try to make the width modification in the iframe code that you are using for the embedding
– https://www.screencast.com/t/BLtB65cTb8A
This will make the sidebar not overlap the image, but for the said image I can not think of a way to modify it with custom code.
Another method you could try in this situation would be to make the sidebar drop below the content as it would on smaller devices only earlier, between the resolutions in which this occurs
Without the code – https://www.screencast.com/t/PuMD4lSaW
With the code applied
– https://www.screencast.com/t/a1SdIogp7
– https://www.screencast.com/t/zu9cAl6lz

This is the code used if you should decide to try it, you must enter it in Theme panel->Custom Css

@media (max-width: 1018px) and (min-width: 768px) {
.td-main-sidebar {
clear:both;
width: 100%;
}
.td-main-content, iframe {
float: none!important;
width: 100%;
}}

Thanks

Hello,

If you do not want a header ad on the mobile version of the site by using a mobile theme plugin you can simply remove the header ad from the theme panel here: https://www.screencast.com/t/tRzHJc2HA
If you only want to remove it from the homeapge but have the header ad on the rest of the templates, you can use the css method for non-adsense as we discussed in the previous topic or add a condition in this file: https://www.screencast.com/t/Wvp9TXywlQ

Thank you!

Hi,

This is what I am seeing when hovering the Big grid – https://www.screencast.com/t/Dc5f1fiaF
There is no more zooming effect on hover for the image. Only a slight gradient effect is present. If you would like to remove this gradient as well and have a simple image without any modifications, you can try this code that must be entered in Theme panel->Custom Css – https://www.screencast.com/t/ONloT2Zi27O

.td-grid-style-1.td-hover-1
.td-module-thumb a:last-child:before {
display: none;
}

Thanks

Hello,
You header is getting a width from a custom css code: https://www.screencast.com/t/B6jv7GuQXZsE
Please remove this width from the logo and it should position properly.
Thank you!

Hello,

The comment count can be added or removed for categories and pages at the same time from the theme panel. If you require the comment count to be removed just from the category pages, you cna uadd this custom code in the theme panel->custom css box:
.category .td-module-comments{
display:none!important;
}

Thank you!

Hi,

You could set a margin for the page using a code like this – https://www.screencast.com/t/Jj1PXGASc
so the background would display like you want. However you should enter this code in Theme panel->Advanced Css in the desktop section – https://www.screencast.com/t/DpdoGI2fGXxy because it may not look properly on smaller devices. This is the code used

.td-boxed-layout {
margin-top: 48px;
}

Thanks