Search Results for 'css'

Hi,

We know about this issue that appears when you use site background and also homepage background. We will fix this in future updates, please use this custom css in Theme Panel > Custom Css to fix it: http://screencast.com/t/WhBYq3QxAQM

@media (max-width: 767px) {
.td-boxed-layout .td-big-slide-background {
width: 100%;
}
}

Thanks!

Hi,

You can use header style 1 and alter this file and use a custom ad above logo – http://screencast.com/t/reDvpq9o6

div class="span4 td-header-style-1">
         <?php
      // show the header ad spot
             echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');
         ?>
</div>

Also you need to change header ad to span4 – http://screencast.com/t/u33Ty5eZr
You may also need some css customization – http://screencast.com/t/W7MXCZYxkN

.td-header-style-1 .td-a-rec-id-custom_ad_1 {
margin-bottom: 0px;
}
.td-header-style-1 .td-a-rec-id-header {
top: 0px;
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

I have checked your site, but you use a non-responsive fixed ad and I’m afraid that it cannot be fixed via custom css as it take the image at fixed sizes how you can see – http://screencast.com/t/eTgg4jOZg
I cannot overwrite the image container and image size via custom css – http://screencast.com/t/IKreevED – http://screencast.com/t/G7kiaUPaq
The theme ads system was designed to work with adsense code, the other ads are rendered as entered by the user.

Thanks!

Hi,

Not sure, I believe this happens due to your sharing plugin you can also try without any plugins and enable theme one by one to find the one who’s causing this. Try this custom css:

.single-format-video .post .td-post-text-content {
padding-top: 0px !important;
}

Thanks

Hi,

You can also add the category description like this: http://screencast.com/t/WDAdZta2 – this is the condition you need to add there: http://pastebin.com/yXcXsFXc

You’ll get this result: http://screencast.com/t/TvlKcq13 ..and you also need to use the css code from below – add it in theme panel custom css section:

.category .td-category-description {
font-family: 'Open Sans', arial, sans-serif;
font-size: 13px;
font-style: italic;
line-height: 22px;
color: #444444;
border-top: 1px dashed #f1f1f1;
border-bottom: 1px dashed #f1f1f1;
padding: 11px 0 14px 0;
margin-bottom: 20px;
}

The previous description can be removed from here: http://screencast.com/t/vcv4RF0Ea

Thanks

Hi,

1. You can change the “load more” text from here – http://screencast.com/t/ah9r1OCW53
Result: http://screencast.com/t/TPkaPJgaNW

2. You can add “post_link” also for title and excerpt but you will need customize again post titles and and excerpt as will appear like a link – http://screencast.com/t/WyEHxj2TFZI – http://screencast.com/t/2UxXNCObcH3f
You have to inspect and customize with css for example – http://screencast.com/t/QtDiOYXbY

.vc_gitem-post-data-source-post_excerpt p .vc_gitem-link{
color: black;
}
.vc_gitem-post-data-source-post_title h4 a {
color: black;
}

Thanks!

Hi,

You mean you want the breadcrumbs to appear in the menu? It may be possible but it requires modifications on the main menu code or a total replacement of the main menu section with the breadcrumbs code and some css to adjust their appearance. My suggestion is to look for a professional developer to do this for you, we would have gladly made it for you but for the moment we cannot offer custom work, sorry for this.

Thank you, Emil G.

Hi,

Use css without first class, like this:

.td-g-rec-id-custom_ad_1 {
margin-bottom: 10px;
}

..this will target all custom 1 ads.

Thanks

Hi,

Sorry that I did not understand you first. Please use this custom css if you want this icon also on mobile: http://screencast.com/t/cvM4RBtQH

@media (max-width: 767px) {
.td-scroll-up-visible {
display: block;
}
}

Thanks!

Hi,

td-post-sidebar class is used on posts so if your post’s sidebar is hidden on mobile then adding this class in your page template will also hide the latest articles sidebar. So feel free to use it like that, it is a good solution.
I also checked you site again and I see that you have added this class in page template homepagesidebar, this also can be used if you want this. Just paste this custom css in Theme Panel > Custom css:

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

Thanks!

Hi,

Unfortunately this issue can happen because of content-excerpt(in some cases title excerpt). Even the excerpt length is the same, some articles may contain long words like in your case and start another row – http://screencast.com/t/jQgfFkQcbwKW – http://screencast.com/t/g3B0Ctvbyr2D
This issue cannot be solved from excerpts, but you could try this css if you want to fix this issue at least on your homepage: http://screencast.com/t/aYrMjuA3 – http://screencast.com/t/D9htbcO5

@media (min-width: 768px){
.home .td_block_2 .td_module_4 .td-excerpt {
min-height: 100px;
}
.home .td_block_2 .td_module_4 .entry-title {
min-height: 63px;
}
}

Hope this helps!

Hi,

The top menu was not designed for mobile screens that’s why is hidden so displaying it you may need some other modification.
Please use this custom css in Theme Panel > Custom Css to display top menu – http://screencast.com/t/BpCkgRzGa

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

Thanks!

Hi,

Try this css code to hide author on big grid:

.home .td_block_big_grid .td-post-author-name {
display: none;
}

Thanks!

Hi,

2. I’m not sure if this is what you mean – http://screencast.com/t/M5lhlrZf

.td-g-rec-id-content_top {
text-align: left;
}

10. Like you can see your image is cropped at that size but there is a fixed height on the thumb container – http://screencast.com/t/7OhKXbyYWX
Please try this custom css, it should solve this issue: http://screencast.com/t/1GlrRFp2kU

.td_block_14 .td_module_mx1 .td-module-thumb {
height: auto;
}

Thanks!

Hi,

Please try this custom css and see if it is fixed:

.td_detect_is_android .td-trending-now-title {
top: 0px;
}

Thanks!

Hi,

There is no option in Theme Panel to hide category title on page, but you can use custom css to hide it – http://screencast.com/t/Z0fzz9216P5

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

Thanks!

Hi,

You said that you have applied this css:

.td-block-span6 {
width: 338px;
padding-left: 20px;
padding-right: 19px;

It may cause other issues and I say to remove it and see if you still have that issue maybe it was a caching issue as you had this problem only on Chrome(I guess):

but shows perfectly on firefox and explorer like this: https://www.dropbox.com/s/f0wmlovxvauh5ce/other%20news%20firefox.PNG?dl=0

I added the default css on your page and didn;t break anything – http://screencast.com/t/fpfENDHFH

Thanks!