Search Results for 'css'

Hi,

It actually depends on the big grid used. For example big grid 7 uses module mx12 with the author and date visible but mx6’s author and date hidden: http://demo.tagdiv.com/newspaper/big-grid-7/
It is a simple CSS code applied to hide them. you can override this code with custom CSS for example in big grid 8 which you mentioned:

.td_block_big_grid_8 .td-small-thumb .td-module-meta-info {
display: block!important;
}

Thank you.

• This reply was modified 10 years by Bogdan B..

Hello,
Unfortunately, there is no easy way to do this. The simplest way is by using custom CSS by targeting the specific class used by the containers in the specific post. For example: for post template 3 if you use this code it will make the container smaller and bring up the content.

.td-post-template-3 .td-post-header-holder {
max-height: 340px;
}

before: http://screencast.com/t/PzEoJAk8 after: http://screencast.com/t/fA1JNph68z
(You can change that height to your liking).
Different post templates use different containers and you cannot apply a code to all templates. You have to identify the containers on each post template and modify their height.
If you do not manage, we recommend hiring a freelancer to do it for you.
I hope this points you in the right direction.

Thank you.

Hi,

1. I’ve checked your site and noticed you have it set to 30px now: http://screencast.com/t/wKjerWYGys8O make sure you empty all caches, browser’s also: https://kb.iu.edu/d/ahic if you don’t get the same result and let us know if you still need assistance on this.

2. You have set it to a 14px height: http://screencast.com/t/3bZphdHI remove that custom css to fix the banner: http://screencast.com/t/UeQLfzeXzLi

Thanks for the message!

Hi,

Yes, theme’s ads system doesn’t handle dfp ads so using on/off settings will not work however you could try to use your dfp ad codes using a plugin and place them to theme’s spots using shortcodes or try to add them directly into theme’s spots in panel and use the below css in theme panel > custom css section and theme’s ad settings: http://screencast.com/t/PLzq945giwr then check again.

@media (max-width: 1018px) and (min-width: 768px) { 
.td-rec-hide-on-tp  {
display: none;
}
}

@media (max-width: 767px){
.td-rec-hide-on-p {
display: none;
}
}

@media (max-width: 1140px) and (min-width: 1019px) {
.td-rec-hide-on-tl {
display: none;
}
}

@media (min-width: 1140px) {
.td-rec-hide-on-m {
display: none;
}
}

Hope this helps!

Thanks

• This reply was modified 10 years by Lucian.
• This reply was modified 10 years by Lucian.

Hi,

It happens because theme’s blocks an modules have padding and/or margins added, that’s how they were designed, so when you add a separator using VC page builder it will be added below/after blocks or other page builder elements and just above the next near element, looking like in your case. You could add some margin at the bottom of every vc separator which will take you closer of your desired result but you’dd also have to reduce theme’s blocks padding and/or margin to obtain a fine looking design and not increasing too much the space between elements. Here is an example: http://screencast.com/t/5g9ocs6igsvu – http://screencast.com/t/PJHrF2i25

Use a custom css like this one and build your on it (using .home will apply it just on your homepage): http://screencast.com/t/O1my4ZuiD

.home .vc_row .vc_separator {
margin-bottom: 30px !important
}

.home .vc_row .td_block_wrap {
padding-bottom: 0px;
}

Hope this helps! Let us know how it goes!

Thanks

Hello manoj.yadav,

Our theme uses the default WordPress comment system just styled different.
Email is required for posts to operate. You can hide the fields you mentioned using CSS but email will still be required to post.
If you want these modifications you have to alter them either in the code or use a plugin.

Thank you.

Hello Atreaer

The author and date from those particular modules were hidden deliberately for aesthetic reasons.
You can adjust the author and date from the mx6 module using this custom css:

.td_module_mx6 .td-post-author-name {
left: -5px;
}
.td_module_mx6 .td-post-author-name span {
margin: 0 -3px 0 2px;
}


Thank you.

Gadget Friendly

The search icon can be removed completely by commenting this line here:
http://screencast.com/t/E31WRg3VeXMr
As for the menu, i see you figured it out already :). It’s CSS related. Just inspect the elements with your browser’s inspector.

Thanks.

Hi,

Please try this custom css in Theme Panel > Custom Css for mobile device – http://screencast.com/t/KH3RKTjyiI

@media(max-width: 767px) {
body #td-outer-wrap .td-main-content .products li {
  width: 32% !important;
  float: left !important;
  clear: none !important;
  margin-left: 2%;
}
body #td-outer-wrap .td-main-content .products li.first {
  clear: left !important;
  margin-left: 0;
}
}

Thanks!

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

Hello Dan,

I checked your website and saw the overlapping results boxes. You can hide the default one (if this is what you want) using a custom CSS:

.td-aj-search-results, .result-msg{
display:none;
}

Just add it to the theme panel:http://screencast.com/t/WU20kh50
If you want it restored in the future, just delete the code and it will be displayed again.

Thank you.

Hi,

1. Here you can find the code if you want to modify it – http://screencast.com/t/irz4qdDIuOac Please note that if you want to do this only for specific spots you will have to add some conditions there.
2. Unfortunately this can be caused by Speed Booster plugin 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.
3. You can try to copy the style.css into the child theme and renamed to style2.css – http://screencast.com/t/AeKOlI8Y Then comment this line in child theme functions file and add the following code like this – http://screencast.com/t/EaXMLvWJof2

wp_enqueue_style('td-theme', get_stylesheet_directory_uri() . '/style2.css', '', '6.1c', 'all' );
    wp_enqueue_style('td-theme-child', get_stylesheet_directory_uri() . '/style.css', array('td-theme'), '6.1c', 'all' );

Also please complete the font path with ../Newspaper/ – http://screencast.com/t/BfolEMBg31FR

Thanks!

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

Hello Paul,

I made this custom CSS that should fix your problem.

.td-header-style-3 .td-container, .td-header-style-3 .td-header-sp-recs {
width:100%;
}
.td-header-style-3 .td-header-sp-recs{
margin:0px;
}
.td-header-style-3 .td-header-sp-recs img {
position:relative;
}
@media (max-width: 767px){.td-header-style-3 .td-header-sp-recs img{
margin:0!important;
}
}

Thank you.

Hello manoj.yadav,
I made a custom CSS for your top menu for a start

.td-header-top-menu-full .sub-menu {
max-height:200px;
overflow: auto;
}

But for the main menu you need to target the specific sub-menu, because CSS needs precise targeting on the specific sub-menu you create, otherwise the whole thing collapses.
You can use the browser inspector tool to target that specific sub-menu classes used in the sub-menus you create and then add the max-height and overflow proprieties.
Thank you.

Hello Gadget Friendly,

The header files can be found here: http://screencast.com/t/QPJoVVXVFdYP
There is another way to hide the search widget in the top menu, by using CSS:

.td-header-main-menu .td-search-form-widget{
display:none
}

Hope this helps
Thank you.

Hi,

Yes, you can add a hex value, I was hurry up and it is more fast for me to write red.
You will have to use custom css even for the item color – http://screencast.com/t/V7Hhe7AHIv

.menu-item-xxx a {
color: #AD2929 !important;
}

Thanks!

Hi,

Please check this custom css in Theme Panel > Custom Css – http://screencast.com/t/tTnoAaaup

.home .td-next-prev-wrap {
float: right;
}
.home .td-next-prev-wrap .td-ajax-prev-page, .td-next-prev-wrap .td-ajax-next-page {
border-color: #3E3838;
}

Thanks!