Search Results for 'css'

Hello jeanlucb,

Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-header-sp-top-widget{
text-align:center;
}
.td-header-row [class*="td-header-sp"] {
float: none!important;
}

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

Hope this helps!

Thanks for your understanding!

Hi,

The links color is inherited from the theme accent color
– https://www.screencast.com/t/r0q1z95AHW9g
If you would like to change it for the post content only, you could try a code like this
– https://www.screencast.com/t/lhZEcFhhfBIG
Use the color you want in the code if you decide to use it, then enter it in Theme panel->Custom CSS

.td-post-content a {
color: yellow;
}

Thanks

Hello KosherCoder,

Please keep in mind that what you want to do is a BIG update and the theme will be broken because it is totally another theme, sorry!

In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 8.1 and as the main theme and also you lose all changes.

The Newspaper 8.1 is a whole new theme so an update from 4 to 8.1 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).

Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them. Bottom line is that newspaper 8.1 is a whole new theme built from scratch.

Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

You could try a code like this for example
– https://www.screencast.com/t/UPx5GQIq
It will make the post title the color you want. On hover the title color will still be default.

.td_block_big_grid_fl_8 .td-big-grid-post .entry-title a {
color: black;
}

If you want it to remain black at all times, add this code too

.td_block_big_grid_fl_8.td-big-grids-fl .td_module_wrap:hover .entry-title a {
color: black;
}

This code must be entered in Theme panel->Custom CSS section.

Thanks

Hello Mommywentrogue,

Please try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.footer-email-wrap a {
color:red!important;
}

Thanks.

Hello ekotnar,

1)You should try to use a bit of CSS code to do this ->

.td-icon-search{
display:none!important;
}

2)All the changes for Top Bar should have to be made from Menus section in WordPress, like here -> https://www.screencast.com/t/B7Qszj4FAvrx

3)Sorry but please notice that the maximum available columns for footer section are 3 and not 4.

4)Please check our Footer Templates because there you will see a lot of options for this case. If you want to have your own footer style, you should try to use the Footer Template Style 5. For more information about our footer templates, please check here -> https://forum.tagdiv.com/footer-templates/

Hope this helps!

Thanks for your understanding!

Hello cjs,

I guess that you are referring to the Voice Report demo, right? So, if you want to change the very top image from your header style, notice that you should use a bit of CSS code to change the background image, like this -> https://www.screencast.com/t/bMAofCse
The code which you have to use should look like this ->

.td-voice .td-header-style-9 .td-logo-wrap-full {
background-image: url(add the link of your image);
}

Thanks for your understanding!

Hi,

You can try a code like this, for both the logo and header menu shadow
– https://www.screencast.com/t/hDVeqM3u
Enter it in Theme panel->Custom CSS and the result should be like you want.

.td-header-style-9 .td-header-gradient:before {
display: none;
}
.td-header-style-9 .td-header-sp-logo {
max-width: 1068px;
margin: auto;
}
.td-header-style-9 .td-logo {
float: right;
}
.td-header-style-9 .td-logo-wrap-full {
min-height: 190px;
}

Thanks

Hi,

1. Contact Form should not be considered render blocking. By default the Speedbooster plugin will move the plugin resources in the footer, this is tested and it should work properly
– https://www.screencast.com/t/djvztImzh
This is a useful guide
– https://forum.tagdiv.com/how-to-make-the-site-faster/

2. When the Speedbooster plugin is active, a minified theme JS is served, for CSS you could try this solution for example
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

3. Those images are displayed when there is no thumbnail for the post. If the posts have featured images set, they will be replaced by thumbnails created from them.
There are many useful speed optimization guides here on the forum, here are some of them
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/

Thanks

Hi,

I could give you a code to change the font size for that element, but it would apply to all the block text with titles on the page
– https://www.screencast.com/t/7OIPZE9AteN
If you would only want to change the font-size for that particular element, you can set a custom class for it
– https://www.screencast.com/t/eTIVIhz586
Then use that to modify only that element
– https://www.screencast.com/t/cMaGo9td
This is the code used in both the examples

.td_block_text_with_title .block-title>span {
font-size: 25px;
}

.my_class .block-title>span {
font-size: 25px;
}

After creating the needed code, it must be entered in Theme panel->Custom CSS section.

Thanks

Hi,

The browser inspector tool is a powerful tool that can be used to inspect the page and see the classes used. This is a useful guide for this purpose
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

1. That gradient on the slide could changed with a code like this
– https://www.screencast.com/t/Bp9jkwGdR
Use the colors you want in the code, then enter it in Theme panel->Custom CSS section

.td_block_slide .td-image-gradient:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(25, 85, 199, 0.8) 100%);
}

2. The subtitle will be displayed on the post page
– https://www.screencast.com/t/1hg237kqz
– https://www.screencast.com/t/K2sRiSz2tI6
Block modules do not display subtitles, some display excerpts for the post
– https://forum.tagdiv.com/excerpts-introduction/
The slide in particular does not display an excerpt. That could only be achieved through code modifications, here are some similar topic
– https://forum.tagdiv.com/topic/subtitle-in-slider/
– https://forum.tagdiv.com/topic/how-to-show-excerpt-in-slider-module/

Thanks

Hi,

You could use a code like this, and set a bigger margin between the images
– https://www.screencast.com/t/TSSkvw3v9
Use the value you want in the code, then enter it in Theme panel->Advanced CSS in the mobile section so it will only apply on mobile
– https://www.screencast.com/t/H2h5PZ0n07P4

.td_block_image_box .td-custom-image a {
margin-bottom: 10px;
}

Thanks