Search Results for 'css'

Hi nusagrunge,

Please make sure you update the theme properly using this guide(all the steps how to update from version 4) – https://forum.tagdiv.com/how-to-update-the-theme-2/ and also update the plugins that come with the theme files from the /plugins folder. Also if you use the child theme, you have to update it as the old files modifications or custom css will not work in the version 6.
Also please provide your site url so we can take a look.

Thanks!

Hello Manoj,

You can change the default padding on each block by either making a custom css for it or editing the style.css file. You can target the specific blocks by inspecting them in your browser and identifying the classes used by it: http://screencast.com/t/6OcZrRNKdxQ
Unfortunately there is no global padding value that you can change in one instance and apply it to all of your site.

Thank you

Hello Manoj,

You will have to target every block and change the padding on it and also be careful about responsiveness. That’s why i said it was a difficult job to do. You can inspect every block in your browser inspector and modify it: http://screencast.com/t/Ng47nDC79 – http://screencast.com/t/Ffl6TvXdRvJ. Mind the containers the blocks are placed in. They will also need to be adjusted to your changes. You will practically change the whole site’s CSS because all elements are in relation to one another.
Unfortunately there is no easy way to do this task because the site was not meant to be customized like that.

Thank you.

Hi,

Please try this custom css and see if it solves the issue on mobile – http://screencast.com/t/thhTjTDSbKV

@media(max-width: 767px) {
.td-post-template-1 .td-featured-image-rec {
height: auto !important;
}
}

Thanks!

Hello Eric,

I do not speak french but i hope Google Translate can manage.
You can add this custom CSS to your theme panel: http://screencast.com/t/mdnyNhnE

.td-post-views {
display:none!important;
}

Thank you.

Hi charliezed,

I have checked your child theme css file and I see that it is an older version – http://screencast.com/t/74PXlWYXt So please make sure that you update the child theme, you can find it in the /code folder from theme files that you downloaded from themeforest – https://forum.tagdiv.com/whats-included/
Let me know how it goes!

Thanks!

Hi,

I guess you refer to the page template. You have to add the code also for page in the same file – http://screencast.com/t/xPlMPtZkm and use the css to add a background for specific page using this class .page-id-xxx – http://screencast.com/t/ADMdOzxLy2H

Thanks!

Hi,

1. This can be caused by Speed Booster plugin(if you use it) which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into css stylesheet file.
2. You can modify the default css for logo, for example please check this solution – https://forum.tagdiv.com/topic/logo-auto-re-sizing-problem-in-v6-3/#post-60395

Thanks!

Hi TVDinner,

I believe this happens due to cache. I have tested your site on Firefox and here is how it looks on my side: http://screencast.com/t/EbTbTPahu7EF and I get the same result on chrome: http://screencast.com/t/ZVNIobWA so if you don’t get the same result please make sure you empty all caches, browser’s also: https://kb.iu.edu/d/ahic then test it again and try this custom css in theme’s panel custom css sections top make the ad banner and the logo stay on one line: http://screencast.com/t/AFPwGoe2GlsF

.td-header-style-1 .td-header-sp-ads {
width: 510px !important;
}

Thanks for the message!

Hi,

I have checked your site and found some js error in browser’s console and noticed the search drop-down isn’t working also: http://screencast.com/t/oyDF2RE7 These features use javascript so they could be in conflict with other plugins so please make sure you disable all plugins and disable/empty all caches.

I also noticed you’ve mifiyed js so make sure you also disable all js/css/html compression then test again.

Hope this helps! Let us know how it goes!

Thanks for the message!

Hi,

The scroll to top button is located in the header.php file – http://screencast.com/t/8EN0Syga
We use js to add a class and change it’s default display: none attribute. The default css can be found in the style.css file – http://screencast.com/t/eLsk8ja6J

Thank you!

Hi,

The theme only comes with a general and a category background option. The posts inherit the global or the category background.
Depending on the post template(style) used, for single posts you could change the background with custom modifications and css, ex: – http://screencast.com/t/4ABmQADzQ – http://screencast.com/t/zYxxC1pCFzMU – http://pastebin.com/9BWuHH4M – http://pastebin.com/HK3FNdD1

Thank you!

Hi,

Some images are taller and the container height causes this behavior. Try to add the following css in Theme Panel -> Custom CSS, see if it works for all posts – http://screencast.com/t/cCZ4YKdr5K

.td-post-template-1 .td-featured-image-rec {
height: 280px;
}

Thank you!

Hello pritiranjan,

You can use this cutom css to change the tile color:

.td_block_slide .td-slide-meta a, .td_block_slide .td-post-date{
color: red;
}


Or this one for the background color:

.td_block_slide .td-slide-meta a, .td_block_slide .td-post-date{
background-color: red;
}
You can add a bit of transparency to the background color if you want by using this palette from mozilla: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

Thank you for your message.