Search Results for 'css'

Hi,

There is a workaround using css to get the top menu to show up on mobiles but it will show up above the hamburger menu. It will not show up inside the mobile menu. Please provide a link to your site and I will provide the proper css code.

Thankss

Hi,

Please try entering this ode in Theme panel->Mobile theme->Custom CSS section

.td-post-content a {
word-wrap: break-word;
}

Then check if the links are displayed properly on mobile. The code should fix the issue
– https://www.screencast.com/t/UJZotHePb
– https://www.screencast.com/t/GDrcfkRVaxA0

Thanks

Hello Zoran,

If you want to have a certain different color for each social icon, you should try using the code below and place it in Theme panel -> Custom CSS area.

.td-social-icon-wrap i.td-icon-facebook {
color: blue;
}
.td-social-icon-wrap i.td-icon-twitter{
color:pink;
}
.td-social-icon-wrap i.td-icon-vimeo{
color:orange;
}
.td-social-icon-wrap i.td-icon-vk{
color:yellow;
}
.td-social-icon-wrap i.td-icon-youtube{
color:grey;
}

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

Hope this helps!

Thanks for your understanding!

Hello Allen,

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!

Hello silvaim,

Unfortunately, the theme does not have any such an option for it but please notice that you can use a bit of CSS code to hide it, according to your desired page, after page ID. As an example, please use the following code, change the page ID with yours and place it in Theme panel -> Custom CSS area.

The code is ->

.page-id-13 .td-footer-wrapper{
display:none;
}
.page-id-13 .td-a-rec, .td-g-rec{
display:none;
}

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

Thanks for your understanding!

Hi,

If you want to have the post title with a smaller font size just for mobile, you could use a code like this for example
– https://www.screencast.com/t/EXKEqCfjO3
Entering it in Theme panel->Custom Code->Advanced CSS in the phones section will apply it only on smaller devices

.single .td-post-header header .entry-title {
font-size: 22px;
}

To add some space above the header ad try a code like this
– https://www.screencast.com/t/DcH7Gslrq7

.td-header-sp-recs {
margin-top: 3px;
}

Thanks

Hi,

Regarding that white color, I believe that maybe you set a white general color as theme accent color. Try changing it or reset it to default
– https://www.screencast.com/t/aQNQmzJwRVY
The same thing is happening for the email address in the footer. I will inherit the accent color. If it is white on a white background that is the result.
The shadow and borders are particular to the magazine demo. They could be removed with custom code or by editing the demo stylesheet
– https://www.screencast.com/t/cxL6YiSO
This is a code that will remove the shadow as well as top and bottom borders, if that is what you want (enter the code in Theme panel->Custom CSS section)
– https://www.screencast.com/t/h77c0cSE

@media (min-width: 1180px) {
.td-magazine.td-boxed-layout #td-outer-wrap {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}}
.td-magazine .td-header-style-1 .td-header-top-menu-full {
border-top: none;
}
.td-header-gradient:before {
display: none;
}

Facebook comments are not added there by the theme. If you use a plugin, try to configure it so it does not display on the homepage, if possible. At the moment they are not present on the homepage
– https://www.screencast.com/t/udOo3v7yjsVI

Thanks

Hello Luptern,

If you want to change the color of your links, notice that you should use a bit of CSS code in order to achieve this because the theme does not have any such an option for it in Theme panel, sorry! Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.single .td-post-content a {
color:red!important;
}

Hope this helps!

Thanks for the message!

Hello,

Please read this guide: https://forum.tagdiv.com/font-customization/

The font on the text logo can only be changed with css unfortunately as it does not have an option added to the theme panel. We will implement this in future releases of the theme.

Please use this css to change the font :
.td-logo-text-container .td-logo-text{
font-family:Arial!important;
}
.td-tagline-text{
font-family:Arial!important;
}

you can add a font-size to the code in order to change the size.

Thank you!

Hi,
This can be done with css. Please ad the following code in the theme panel-> custom css box:
.td-pb-span4.td-main-sidebar, .td-ss-main-sidebar{
background-color:grey!important;
}

However it cannot be used with a smart sidebar though as the padding changes when the sidebar scrolls down.

Thanks

Hello,

This can only be achieved with css. For example in post style 13:

.single_template_13 .td-post-featured-image{
width:80%;
}

And if you want it centered, use this code instead:

.single_template_13 .td-post-featured-image{
width:80%;
margin-left:auto;
margin-right:auto;
}

Thanks.

The bottom margin is added for every post image at the same time. Removing from all of the site at once is not a good idea as it will break other layouts. I will provide a code that affects just this one post based on the post ID:

#post-5 .td-post-content img{
margin-bottom:0;
}

Add this code in the theme panel-> custom css box.
If you want to remove the bottom margin for every image in your post sontent, use the code like so:

.td-post-content img{
margin-bottom:0;
}

Thank you!

Hello,
There seems to be some css blocking the one from the theme on your end.
Please disable all plugins except the page builder, clear cache and reset cdn files if you use it. Please also check any custom code you might have added to the theme panel or the theme files. If you use a child theme, please switch to the main theme to make sure it does not affect the proper functionality of the theme.

If the issue is still there, please contact us on our email address at contact@tagdiv.com and provide a link to your site and wp-admin (login information and admin rights) so we can login and investigate. Please also include a link to this conversation.

Thank you!