Search Results for 'css'

Hi,
As I replied in the other topic, if the code is implemented properly it affects all of the site. How are you adding the css? Are you using the theme panel -0> custom css box? or are you adding it directly in the page settings?
Thank you!

Hi,

You can use this css to change the author name and post date color:
.td-big-grid-post .td-post-author-name a, .td-big-grid-post .td-post-date, .td-big-grid-post .td-post-author-name span{
color:Red!important
}


If you want to remove the overlay of the images you can use this css:
.td-module-thumb a:last-child:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%)!important;
}


Thank you!

Hello,

The theme has no setting for this, but it can be done with a bit of custom cssw:
.td-category-header .td-pulldown-filter-list{
background-color: rgba(34, 34, 34, 0.7);
}
.td-category-header .td-pulldown-filter-display-option{
background-color: rgba(34, 34, 34, 0.7);
}

You can add the code in the theme panel custom css code

Thank you!

Ups! My bad.

It seems it changes the newspaper font for the other icons as well. We need to be more specific with the css.
Try this one instead:
#td-top-mobile-toggle .td-icon-mobile:before{
content: ‘\f10c’;
}
#td-top-mobile-toggle [class^=”td-icon-“]:before, [class*=” td-icon-“]:before{
font-family: ‘fontawesome’;!important
}
You can add it in the theme panel. No need to alter style.css.

Thank you!

Hi,

When using adsense it’s not recommended to hide the ad with css as the google crawler will still be able to detect the ad. It;s best to remove the ad from the code.
You can add the condition in the file I pointed out above like so:
if(!is_404()){
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'header'));
}
?>
http://screencast.com/t/Wj8mA0Yo

Thank you!

Hi,

The post views are affected by cache so if you use a caching plugin, you need to activate this option: https://forum.tagdiv.com/ajax-view-count/
As for speedbooster, please follow this topic to learn about speedbooster’s compatibility function:
https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
For the ads, if you use adsense, you can select the ad dimensions from the theme panel here: http://screencast.com/t/JoMHKFv4
If you do not use adsense, you need to use this method of implementation: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

If you want to align the ad left. you can use this css:
.td-a-rec-id-content_bottom{
float:left!important;
}


I hope this helps.
Thanks.

Hi,

The correct css code would be this one:

.td_block_1 .block-title span{
font-family: "Open Sans";
font-size: 24px;
font-style: italic!important;
}

Thank you!

Hi,

You can change it with css and font-awesome as it;s a font icon. Here is an example:

.td-icon-mobile:before{
content: '\f10c';
}
[class^="td-icon-"]:before, [class*=" td-icon-"]:before{
font-family: 'fontawesome';!important
}

I set the circle icon to the menu.
You can find the list of icons and css content codes here: https://astronautweb.co/snippet/font-awesome/
(You need to have font awesome 4 menus installed)
http://screencast.com/t/3QeKZ3dcjh

Thank you!

Hello,

You can only target specific module types in our theme, not just a particular block. You can change the font family or size from the fonts section for every module: http://screencast.com/t/qfqdn3zIKn
You can see a list here for what module is used in which block: http://screencast.com/t/eohjEChE3
If you want to target just a particular block, you will require a bit of css skills to add a custom css class to the row containing the block and targeting the block using that class to assign a font to the block title. You will have to load the font with css if you do not use the theme panel though. This is done using @font-face http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

Thank you!