Search Results for 'css'

Hello,

The style comes from the demo you have installed. Please compare your theme with the demo you use. Do not compare it to the default theme demo. This is the demo you have installed on your site: https://demo.tagdiv.com/newspaper_magazine/
That is where the uppercase titles come from. It is a demo specific style. You need to compare apples to apples 🙂
If you do not like the uppercase titles you can always use a css code to make them regular again:
.block-title > span, .block-title > a, .widgettitle, .td-trending-now-title, .wpb_tabs li a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a, .td-theme-wrap .td-related-title a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce .product .products h2, .td-theme-wrap .td-block-title{
text-transform:initial;
}

Thanks.

Hello,

Style 7 has issues with logos as big as yours. It needs a smaller logo in order to position properly.
You can replace the fade on header style 7 with a line using this code:
.td-header-style-7 .td-header-gradient:before{
border-top: 2px solid black;
}

You can make the logo position properly with a custom css code tough but now you do not use header style 7 on your site so I cannot inspect it.

Thank you!

Hi,

You can try this code to remove the border that you mention, on that respective module
– https://www.screencast.com/t/3Gg3QbcpYsZ
The code must be entered in Theme panel->Custom Css

.td_module_14 .entry-title:after {
border-bottom: none;
}

Thanks

Hi,

You can use this code to change the background color on these elements, to what you think is best for your website – https://www.screencast.com/t/Mmlx1clH9QVR
This is the code used, you must enter it in Theme panel->Custom Css

.td-post-source-tags
.td-post-small-box span {
background-color: #ef7f1a;
}

Thanks

Hi,

You can use this code that will remove the padding set on top of the page, as well as the bottom padding
– https://www.screencast.com/t/TgF71sWIoo
The code must be entered in Theme panel->Custom Css

.td-main-page-wrap {
padding-top: 0;
padding-bottom: 0;
}

Thanks

Hello,

If you do not like the 1100px width, you can change it any time in the code I provided. It was just an example.
You can use the advanced css section where you can add the code in a specific screen size to affect only desktop or only tablets. And change the pixels as needed. https://www.screencast.com/t/xfsaL0DSgP8
Unfortunately there is no way of removing the boxed layout for a specific viewport.

Tank you!

Hi,

If you are talking about these icons – https://www.screencast.com/t/OObbyElOw you could do it with a code like this – https://www.screencast.com/t/pjicgrM9p or modify the size to what you would like.
This is the code used, it must be entered in Theme panel->Custom Css

#megapoll .fa {
font-size: 25px!important;
}

Thanks

Hello,

Css works in cascades. If you have more than 1 rewrite on the same element you will be able to see the cascades happen. The default color is blue. If you cahange to a demo that changes the color to green as the news magazine demo does and then set your own custom color again, the rewrites will be seen on the front-end especially on a slow connection. In this case you can increase your site loading speed so this effect will be less visible. Please use this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/

Thank you!

Hello,

The class is just a simple body class that is added to each demo so we can create specific css that affects only that particular demo and not others as well. CSS is very specific so you have to wrap everything in it;s own class if you do not want to create a code that applies to all the other demos as well. Each demo has it;s own class. The black version has td-black, the news magazine demo has a class of td-magazine etc.
Each demo in particular has it’s own class.

Thank you!

Hi,

Please try this code that will make the title display properly – https://www.screencast.com/t/CidJ3KayY
You must enter it in Theme panel->Custom Css (you may change the color values if necesarry)

.td-related-left,
.td-related-right {
color: #3f3f3f!important;
}
.td-cur-simple-item {
color: #fff!important;
}

Thanks

Hello,

Sorry for the inconvenience. Please add this code in your theme panel-> custom css box:
body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Thank you!

Hello danild,

If you want to reduce these spaces, you should use a bit of CSS code. Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

.td-big-grids-fl.td-big-grids-margin .td-big-grid-post{
border-width: 0 2px;
}

Thanks for the message!

Hello martialwarrior,

If you want to align your featured image you should use the code which I gave you above. Notice that I cannot correct your custom CSS above because we cannot afford to do this. In the future, if you want to create your own CSS code, you should check our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

You can reduce the outer wrap width by using this code:
.td-boxed-layout .td-container-wrap{
width:1080px;
}
You can add the code in the theme panel-> custom css box

Thank you!

Hello Tony,

If you want to change the color for these elements, you should use a bit of CSS code to do that.

.td-review-score{
color:red;
}
.td-review-header .block-title{
background-color:red!important;
}
.td-review-summary .block-title{
background-color:red!important;
}

The result is here -> https://www.screencast.com/t/uXbKoGcUTXWW

Thanks for the message!

Hello Owlcomics,

If you want to change the color for your module title, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Cusotm CSS Area.

.td_block_big_grid_7 .td-module-title a{
color:red!important
}

The result is here -> https://www.screencast.com/t/2KnFXvuYn

Thanks for the message!

Hello steebostech,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code and also, I suppose that you are using the Speed Booster plugin. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
If you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

You can add the code in the theme panel-> custom css box.
Your titles are not all caps: https://www.screencast.com/t/Ms4iV1WRvEi
The latest posts title is a block title. Please read this guide to learn how to use the block settings: https://forum.tagdiv.com/block-settings-guide/
The color is set from the same block settings.

Thank you!