Search Results for 'css'

Hi,

Unfortunately our theme do not have this option, sorry.
Is possible to do that with some changes in theme files or custom css
https://www.screencast.com/t/YzPQe6sf

.td-icon-mobile:before {
content: 'Menu';
}
#td-top-mobile-toggle {
bottom: 5px;
}
Just add this custom code in Newspaper>Theme panel>Custom code >Advanced css in phones

Thank you for your understanding.

Hi dhcosta,

Please use this custom css
@media (max-width: 767px){
.td-ps-big .td-social-share-text {
display: inline-block;
}
}
https://www.screencast.com/t/1ZsaJqJN

Hope this will help you.
Thanks.

Seems the blog travel demo is adding that top margin, I believe it is part of it’s design. I could give you a code to override it and remove it, like this
– http://prntscr.com/m3ystz

.td-blog-travel .td-post-template-7 {
margin-top: 0;
}

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

Hi,

You could check some online quote styles and experiment, maybe like these
– https://1stwebdesigner.com/css-snippets-blockquotes/
– https://cssreset.com/7-css-snippets-to-style-blockquotes/
– https://pagely.com/blog/style-blockquotes-wordpress/
I can’t say at the moment if more styles will be added in the theme, it could happen in the future. Sorry for any inconvenience.

Thanks

Hi,

You can try this custom css
.footer-logo-wrap, .td-footer-logo {
display : none;
}
Please add the above custom css in Newspaper>Theme panel.Custom code>Custom css

Thank you for your understanding.

Hi,

In order to remove that background image you need to go in Newspaper>Theme panel>Footer Footer settings and click on edit footer page
https://www.screencast.com/t/3Bm1tUAD
Click on the footer row, change to CSS and remove the background image, save and see if the problem disappear.
https://www.screencast.com/t/MUbuiZJBN0F

Thank you.

Hi,

You can use some custom css in order to get that fix.
https://www.screencast.com/t/f8j3RiwbbI7
Please add the below css in Newspaper?>theme panel>Custom code>Custom css
.td-pb-span4 .td-block-title-wrap .td-pulldown-category {
margin-top: 30px;
}
.td-pb-span4 .td-block-title-wrap{
bottom: 10px;
}

Hope this will help you.
Thanks.

I see you are wrapping the code in a media query, with the condition that it loads only on screens smaller than 767px. That will have no effect on desktops for example. The query is also not closed properly, there is a missing accolade it seems.

If you want the code to be loaded in certain widths, you can use the advanced CSS sections in the theme panel
– https://www.screencast.com/t/0FYbvuLf
Enter the code from above there as desired, the media queries will be added by the theme automatically.

Hi,

That depend on what you want to customize, unfortunately there are no more option for that but you can use some custom css.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you for your understanding.

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/

Thanks for your understanding!

Hi,

In order to achieve that you need to set this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-icon-star {
color: blue;
}
https://www.screencast.com/t/PmZUNny6ve

Thanks.

Hi,

Please add the below custom css in Newspaper>Theme panel>Custom code> advance css > Phones
.td-ss-main-sidebar{
display: none;
}
https://www.screencast.com/t/ecZJ6UAEnA4

Hope this will help you to achieve what you need.
Thanks.

Hi,

In order to have page and post background color black please add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-main-content-wrap, .td-container-wrap, .td-full-screen-header-image-wrap .td-post-header-holder {
background-color: #1a1a1a;
}

Thank you.

Hi,

Unfortunately this can be done only with custom work.
If you want you can try this custom css
.td-module-thumb:hover img{
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
transition: transform .3s;
}
.td-module-thumb img{
transition: transform .3s;
}

Thank you for your understanding.

Hi,

That would be possible with some CSS. Something like this – http://prntscr.com/m2y7hs
The code can be entered in Theme panel->Custom CSS section

.td-header-style-1 .td-header-sp-logo {
float: right;
}

Thanks