Search Results for 'css'

Hi,

1. I guess that you want these changes only for category’s pages, because you can change excerpt for module 2 from Theme Panel > Excerpt: http://screencast.com/t/ILsoSEbV6bc but this will affect also block 1 that use this module.
So you will need to hide excerpt using css code in Theme Panel > Custom Css: http://screencast.com/t/Den403FY9

.category .td_mod2 .td-post-text-excerpt{
display: none;
}

Result: http://screencast.com/t/lQql6pqC8r

2. For module 7 you have to make some custom modification, because is an extension of module 1. Please edit td_module_1.php add an extra class and remove excerpt code like this: http://screencast.com/t/h99qVRHRZyTj
Now please use css code with that class to hide meta and subtitle: http://screencast.com/t/ui1Y1Ode

.category .module7{
display: none;
}

Unfortunately this css(categories and subtitle) it will be applied also on module 1, so if you use module 1 to display articles on a category page, meta and subtitles will not be displayed also there.

Thanks!

Hi,

1. Please try this custom css for comments: http://screencast.com/t/2mjuxKFjo

.post .entry-comments-views {
display: inline-block;
}

2. The author can be enable from Theme Panel > Post Settings: http://screencast.com/t/r34vUetklX
If you don’t want to show author on modules/blocks please comment this line from modules: http://screencast.com/t/iylmubj8Ct

Newspaper 5 will be released approximately in 2 months…I can’t provide you an exact date as we still work on it.

Thanks!

Hi,

Please try this css in Theme Panel > Custom Css: http://screencast.com/t/hJ9v4p5G

.header-content-rec .td-a-rec-id-header{
z-index: 0;
}

If this doesn’t work please provide your site URL, so I can inspect and find an accurate solution.

Thanks!

Hi,

Please modify your custom code for that, so in case that you don’t want to show a specific category add a condition to not show it or you can use a plugin for that. If you don’t have basic html/css experience I suggest that you hire a professional developer to make this custom modification for you. Unfortunately we cannot offer custom work fro the moment because we work hard on the development, updates, fixes and support.

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/6W3DLBzHHj

.td-sbig-title-wrap {
right: 0px;
left: auto;
text-align: right;
}
.td-sbig-title-wrap .td-sbig-title{
float: right;
}

Thanks!

Hi,

You can add your banner code in Ads > Custom Ad1: http://screencast.com/t/5cU3h2Vo and use shortcode in header.php file: http://screencast.com/t/QthH04yzqh

echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');

Please use css for margin, in Theme Panel > Custom Css: http://screencast.com/t/Vqti384e2hy

.td-a-rec-id-custom_ad_1{
margin-top: 20px;
margin-bottom: 10px;
}

Result: http://screencast.com/t/GtSeepg6DyO

Thanks!

Hi,

1. Yes you can create your own custom block/modules, but this is not an easy task. Please take a look which modules are used to build block: https://forum.tagdiv.com/modules-and-blocks/ and how the blocks are made http://screencast.com/t/TyzzN6A6czlW
Also if you search on forum you can find some information like:
https://forum.tagdiv.com/topic/visual-composer-how-to-add-custom-moduleblock/
https://forum.tagdiv.com/topic/customizing-blocksmodules/

2. Unfortunately the theme doesn’t have an option for this, you can only hide them via css for screen width.

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/mEAbGuTztkGq

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

Result: http://screencast.com/t/RfzrDtXSBf

Thanks!

Hi,

Add this code in loop-single.php above featured image: http://screencast.com/t/RVmFcvkV

<?php $page = get_query_var('page');
            if ($page < 2) {
                echo do_shortcode('[td_ad_box spot_id="header"]');
            }?>

And use this css: http://screencast.com/t/p6b7wtv6VrC

 .td-post-content .td-a-rec.td-a-rec-id-header{
top: auto;
left: auto;
margin-bottom: 30px;
} 

Thanks!

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

Hi,

Yes this is a good solution…please try this custom css: http://screencast.com/t/4B69dLIVLz

.menu-item-178 .sub-menu{
height: 500px;
overflow: scroll;
}

Thanks!

Hi,

1. You can try this solution Radu’ solution: https://forum.tagdiv.com/topic/show-category-name-in-homepage/
Result: http://screencast.com/t/a0GqS8sFnbxp

2. Images from slider are reduced, so the height is auto and depends of the screen width. You can try to force the image height with css code like this: http://screencast.com/t/pJueoNra

.iosSlider-col-3, .iosSlider-col-3 .item {
height: 433px !important;
}
.iosSlider .entry-thumb {
height: 100%;
}

If you want to use the code please add it in Theme Panel > Custom Css: http://screencast.com/t/La4VYroQrYJN

Thanks!

Hi,

Please use this css code: http://screencast.com/t/GlwTVEUz28mt

@media(max-width:479px){
.home .td_block_big_grid{
display: none;
}
.home .td-grid-wrap {
padding: 0px !important;
}
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/AfNtwi0J488s

@media (max-width: 768px) {
.td_normal_slide {
pointer-events: none;
cursor: default;
}
}

Hope this helps!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/0Pk34jGsnttw

@media (max-width: 767px){
.header-content-rec .td-g-rec-id-header {
text-align: center;
}
}

Thanks!

Hi,

I’m not sure if you are referring to the background gradient or opacity, so I provide to you the default css code:

.td-big-grid-overlay:after{
height: 100%;
opacity: 1;
background: linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
}
.td-image-gradient:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

Please change it like you wish in Live Css Editor from Chrome and add the result to Theme Panel > Custom Css: http://screencast.com/t/7z6tHgshi

I also give you a solution maybe you like it: http://screencast.com/t/wApIMEk58

.td-big-grid-overlay:after{
opacity: 0.7;
}
.td-image-gradient:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 90%);
}

If you want to add background to the title please use this css code: http://screencast.com/t/CvtX6DMEAcpe

.td-big-grid-post .entry-title a{
background-color: red;
}

Hope this helps!

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

Hi,

Please use this custom css: http://screencast.com/t/msttUAx5

.td-header-main-menu.td-affix .sf-menu {
display: block !important;
margin-left: 21px !important;
margin-right: 38px !important;
}

Thanks!

Hi,

Use css: http://screencast.com/t/Oe3TkyiqkoPy

.td-page-title a, .td-page-title span {
font-weight: bold !important;
}

..for more art box: http://screencast.com/t/6UrLvscYV

.td-more-articles-box-title {
font-weight: bold !important;
}

.td-more-articles-box {
background-color: #0C7AD7 !important;
}

Thanks

Hi,

The render blocking JavaScript and CSS notifications are solvable using the speed booster plugin and the guide you’ve mentioned (4-th point).
This is recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
The guide provides all the info you need to do this, you have to use the function provided in the tutorial, you could try to play with the priority, some plugins may load after it and that’s why it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action

Regarding the second issue, that usually happens when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page.
I suggest you update the theme to the latest version and also update the speed booster plugin then let me know if you still have this issue.

Thanks

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/d1UCDsOP2g

.sf-menu{
display:table;
margin-right:auto;
margin-left: auto;
}

Result: http://screencast.com/t/62vfeLI9B1

Hope this helps!

Hi,

I also tested this, but couldn’t replicate the issue.
Please try this custom css and see if it works:

.td_related_posts .td-related-span4:nth-child(3n+1){
clear: left;
}

If this doesn’t work please provide your site URL, so I can inspect this.

Thanks!