Search Results for 'css'

Hi,

Seems you get low scores on gzip compression, they recommend this solution
– https://gtmetrix.com/enable-gzip-compression.html
But you could contact the hosting provider and check if they have a different option, or can provide some assistance as to what would be best.
For example in our case we use the code mentioned here
– https://forum.tagdiv.com/how-to-make-the-site-faster/

Also minify the CSS, do it as suggested here for example
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://www.screencast.com/t/0g2we4jc

Some of the images provide a 404 investigate why that happens
– https://www.screencast.com/t/xt2HOWKn3u

So basically try and fix as many issues as possible, that will improve website performance.

Thanks

Hi,

Notice that you can create your own CSS table with the following generator from here -> https://divtable.com/generator/ Take the code from this and add it into a RAW HTML or post editor and check the results.

Thanks for the message!

Hi,

You can use the color from the the panel, or set on widgets in footer or custom css
https://www.screencast.com/t/FxxNMyTd0
.td-footer-wrapper .td_module_wrap:hover a,
.td-footer-wrapper a:hover{
color: red;
}

Thank you.

Hi,

I have inspected your source page and I saw that you are using a plugin for minifying which might break the entire CSS of the theme. Please remove all of the untested plugins, leave just to active only the tested plugins, clear all the caches and check the results. Notice that we have tested for both browsers and we did not encounter any problems regarding this section, sorry!

Let us know how it goes!

Thanks for the message!

Hi,

In order to achieve that please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
.single .td-post-content a:hover{
color: #222;
-webkit-text-decoration-color: red;
text-decoration-color: red;
}
.single .td-post-content a{
color: #222;
}

results:
https://www.screencast.com/t/eZOdigjXPAm

Thank you.

Hi,

If you want to use a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry!
Here is the css for center the logo on amp
.td-logo amp-img {
left: 50%;
transform: translateX(-50%);
}
https://www.screencast.com/t/dQWsYwj0iG

In order to have a different logo on amp you-ll need to set this in theme file.
First copy an url from media
https://www.screencast.com/t/1e8xnROk1Q
Then go in
wp-content/plugins/td-amp/templates/header-bar.php
https://www.screencast.com/t/Hwj9Nodw
https://www.screencast.com/t/Zax0YedF
https://www.screencast.com/t/nGTCRIAOo

Thank you.

Hi,

If you are not using theme mobile you can disable the sign in from mobile in Newspaper>Theme panel>Header>Top bar
https://www.screencast.com/t/JGNvJ708

In order to remove the social icons you need to go in Newspaper>theme panel> Social Network ( but will hide from desktop to ).

Or you can add this custom css In Newpaper>Theme panel>Advance css> phone
.td-mobile-container .td-menu-socials{
display: none;
}

Unforgivably our theme do not have any option to set a logo in mobile main, sorry ( this can be done only with custom code ).

Thank you for your understanding.

Hi,

Notice that animation can be controlled from here -> https://www.screencast.com/t/pziu5XrtkKQY

This effect can be recreated if you will use cush a custom CSS code. Use the inspector browser to see how this was done. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hi,

Unfortunately to set the background color on specific/one post, this is possible only with custom css.
In order to do that you need to get the post id, just go in post and hover the title post https://www.screencast.com/t/5Cf6BVDe
https://www.screencast.com/t/OganU3cnjGb

the custom css is :
.postid-8197 .post{
background-color: lightgray;
}
.postid-8197 .tdc-row{
background-color: white;
}

for page
.page-id-2554 .td-main-page-wrap {
background-color: red;
}
https://www.screencast.com/t/NTIPPpbi49Su

Or you can set background color on categories -> https://forum.tagdiv.com/primary-category/
You need to paste the css in Newspaper>Theme panel>Custom code>Custom css
Hope this will help you.

Thank you for your understanding.

Hi,

Please try this custom css, paste it in Newspaper>Theme panel>Custom code>Custom css
.td-post-content a:hover{
color: red;
}

The above custom css will apply to all post content ( you can change the color red ).

Hope this will help you to achieve what you want.

Thank you.

Hi,

Maybe with a plugin such as this one – https://wordpress.org/plugins/editor-full-width/
Or by code – https://wordpress.org/gutenberg/handbook/designers-developers/developers/themes/theme-support/#changing-the-width-of-the-editor

CSS code for the editor can be entered in this file
– https://www.screencast.com/t/aVhfho4eFhH

Thanks

Hi,

1) Please see this options
https://www.screencast.com/t/2a34HeYNrO
https://www.screencast.com/t/o3bGT6ui

2) Try this settings
https://www.screencast.com/t/cEfA4IbNjiI

3) The easiest way will be with custom css, paste the below custom css in Newspaper>Theme panel>Custom code>Custom css
.home .td-container-wrap {
background-color: transparent;
}

If I do not understand correctly please let me know, and provide more details with what you want to achieve.

Thank you for your understanding.

Hi,

Maybe try and check what are these scripts and CSS files that slow the website speed, I browsed the website for a while, seems fast at the time of checking, page size is normal
– http://prntscr.com/lwtvv1

This would be the theme requirements guide – https://forum.tagdiv.com/requirements-for-newspaper/
If there are multiple other plugins installed the parameters mentioned in the guide should be set higher if possible (I see WPML is used).

We haven’t made any testing with Varnish and the theme, we only tested with WP Super Cache up to this point. Also maybe tweak the cache settings if possible, check with online testing tools and try to make more improvements.

There will be optimizations made by us in the theme, in coming updates. These should provide a noticeable improvement in the matter of speed.

For the count to work with caching try this setting – https://forum.tagdiv.com/ajax-view-count/

Thanks

Hi,

Did you check in the widgets ( img ), if this not work you can use a custom css, paste the below custom css in Newspaper>Theme panel>Custom code>Custom css
.td-footer-wrapper .widget a:hover {
color: yellow;
}

Hope this will help you.
Thank you.

Hi,

This section is made to let you to set different css on that devices, for example you can set this css in phones section
.home .td-scroll-up{
display:none;
}
and will be apply only on mobile
or in custom code>custom css you need to set this @media (max-width: 767px){ } in order to be apply only on mobile.

Thank you for your understanding.

Hi,

You can use a custom css, or change the page template for the page that is set as homepage.

Here is the custom css, set it in Newspaper>Theme panel>Custom code>Custom css
.home .entry-crumbs{
display: none;
}

Thank you for your understanding.

Hi,

The line from theme panel will appear only on mobile,
If you want to have it on all device please add this custom css in Newspaper>Theme panel>Custom code>Custom css
.td-social-line{
display: inline-block;
}

Hope this will help you.
Thanks.