Search Results for 'css'

Hi,

You can try this custom css -> https://www.screencast.com/t/tlhjOitxcaih
.su-box .su-box-content .su-column-size-1-5 .su-clearfix {
margin-top: 25%;
}
Hope this will help you!
Thanks

Hi,

If you are using the header builder you can change that background color like this -> https://www.screencast.com/t/rb5EFVoH
If is not a header template for tagDiv Cloud Library you can change it only with custom css
-> https://www.screencast.com/t/xQZlNpiMUx
.td-business .td-header-style-1 .td-header-main-menu {
background: red;
}

Thank you.

Try to override that max-height, this would be needed in order to display a bigger logo.
Enter this code in the custom CSS section of the theme panel

.td-header-style-8 .td-header-sp-logo img {
max-height: none!important;
}

Then the logo image will not have a max-height. Or instead of none, use a different. bigger max height value.

Hi,

Then a CSS solution would work. For example a code like this will color all the excerpts for all blocks/modules at once – http://prntscr.com/mmovr4
Use the color you want in the code, then enter it in the custom CSS section of the theme panel

.td-excerpt {
color: black;
}

For the breadcrumbs try something like this – https://forum.tagdiv.com/topic/customizing-look-of-breadcrumbs/

Thanks

Hi,

Please notice that the speed of your website depends on how well your site is optimized.

Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
– https://forum.tagdiv.com/requirements-for-newspaper/

Another useful guide for increasing the page speed can be found here -> https://kinsta.com/blog/google-pagespeed-insights/

Lately, Google Page Speed Insight seems to change the layout and is not always reliable.

Thanks for your understanding!

Hi,

If you want to remove that grey border, you need to use the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.td-header-gradient:before{
display:none;
}

Also, if you want to create your own header, you need to use the Header Builder and begin to create it according to the following documentation from here -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Hope this helps!

Thanks for the message!

Hi,

This custom css should do the trick, please replace the above custom css for menu with this one, after that clear alll cache and try with other browsers too.
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990!important;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: black;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover, .sf-menu > li > a {
color: white!important;
}
.sf-menu ul .td-menu-item > a {
color: black!important;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #303030;
}
.td-header-style-10 .header-search-wrap .td-icon-search {
color: white;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search {
border-color: #e9e9e9;
border-width: 0 1px 1px;
border-style: solid;
box-shadow: none;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:before {
border-color: transparent transparent #009688;
}
.td-header-style-10 .header-search-wrap .td-drop-down-search:after {
top: -5px;
height: 5px;
background-color: #009688;
}
https://www.screencast.com/t/ybH4nFJN

Hope this will help you achieve what you need!
Thanks!

Hi,

This can be achieve using a custom css, please try this custom css ->
.td-old-fashioned .entry-title:before,
.td-old-fashioned .td-block-title:before,
.td-old-fashioned #reply-title:before{
display: none;
}
.td-old-fashioned .td_block_template_2 .td-block-title,
.td-old-fashioned .td-post-template-2 .td-post-title .entry-title,
.td-old-fashioned #reply-title,
.td-old-fashioned .td-page-title
{
padding-left: 0px;
}

Hope this will help you!Thanks.

Hi,

So in the composer it is centered and in the actual website it is not, quite unusual. I could give you a CSS solution to center it – http://prntscr.com/mml7w3

Enter the code in the CSS section of the theme panel, check if it works

.td-g-rec-id-header {
max-width: 728px;
margin-left: auto;
margin-right: auto;
}

Thanks

Hi,

You can set different color with categories -> https://forum.tagdiv.com/category-top-post-styles-2/ also you can use custom css or tagDiv Cloud Library, there are some more options that allow you to change/build the templates layout, unfortunately this is non one of theme, sorry!

Thank you for your understanding!

Hi,

I could give you a code to increase the height of the logo, and make it display in the full size in which it is uploaded – http://prntscr.com/mmksv8

.td-header-style-3 .td-header-sp-logo img {
max-height: 120px;
}

The code can be entered in Theme panel custom code, CSS section.

Thanks

Hi,

It would depend if the mobile theme plugin is used or not, also if this is regarding the post title in the modules or in the single post page. It could be done with some CSS if you want to modify those elements just for mobile.

With the composer it would be easier, simply select the mobile mode and customize the font properties, for example in a page – http://prntscr.com/mmkjgu
Or in a cloud post template – http://prntscr.com/mmkk7q
That will only apply to mobile mode, you can customize the fonts per device.

Thanks

Hi,

This is a bit harder to achieve because the animation is made in javascript, here is some css for this -> https://www.screencast.com/t/4Ql90dhDCjJa
.tdb-mega-menu .td-lb-box-1{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-2{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-3{
background : rgba( 5, 10, 15, 0.3 ) !important;
}
.tdb-mega-menu .td-lb-box-4{
background : rgba( 5, 10, 15, 0.5 ) !important;
}
.tdb-mega-menu .td-lb-box-5{
background : rgba( 5, 10, 15, 0.7 ) !important;
}
.tdb-mega-menu .td-lb-box-6{
background : rgba( 5, 10, 15, 0.9 ) !important;
}
.tdb-mega-menu .td-lb-box-7{
background : rgba( 5, 10, 15, 0.15 ) !important;
}
.tdb-mega-menu .td-lb-box-8{
background : rgba( 5, 10, 15, 0.15 ) !important;
}

Here is the file in theme -> https://www.screencast.com/t/nOja8u0kzv82 -> wp-content/themes/Newspaper/js/tagdiv_theme.js

Thank you for your understanding!

Hi,

So you enter code in the Live CSS and click save, but the code is not saved? What if you enter the code in the theme panel custom CSS section, does the same happen?

Code entered in both these sections will be saved in the database, for the purpose of not losing it after a theme update.

Thanks

Hi,

Please make this changes in wp-content/themes/Newspaper/editor-style.css
-> https://www.screencast.com/t/VcI9mOczlg
-> https://www.screencast.com/t/01McYwhFMhnk
After that clear all cache and look to see if there are some changes, if not please check with other browsers.

Thank you!

Hi,

In order to set the capitalize Related Articles and more from author you’ll need to go in Newspaper>Theme panel>Translation write there the new translation -> https://www.screencast.com/t/Nj5Jk5Pq
for example -> https://www.screencast.com/t/2PwCjmb0 -> https://www.screencast.com/t/qKO5aflByh
In order to change the background color for those section you can use a custom css -> https://www.screencast.com/t/iepCGlcoNA
.single .td-related-title .td-cur-simple-item {
background-color: red;
}
.single .td_block_template_1 .td-related-title {
border-bottom: 2px solid red;
}
Or you can use a single post template from tagDiv Cloud Library -> https://www.screencast.com/t/8DCyQ9kaSbZ

Thank you for your understanding!

Hi,

In order to achieve that you’ll need to use a custom css ->
https://www.screencast.com/t/nWLqxhzZxz
.td-boxed-layout .tdc-row > .td-pb-row > .td-element-style, .td-boxed-layout .tdc-video-outer-wrapper, .td-boxed-layout .tdc-row-divider {
border: 2px solid white;
border-radius: 15px;
width: 100%!important;
}
You’ll need to set this code in Newspaper>theme panel > Custom code>Custom css

Thank you!