Search Results for 'css'

The logo should occupy the full height of the header (100%), it is intended. You could use some CSS to make it smaller and add a margin but this CSS can only be entered in the plugin itself. The AMP plugin does not have a custom CSS section at the moment
– https://forum.tagdiv.com/topic/how-to-change-this-color-and-text/

Something like this maybe – https://www.screencast.com/t/BFsSVhOX

#td-header-menu .td-main-menu-logo .td-logo .td-amp-site-logo.i-amphtml-element.i-amphtml-layout-fixed.i-amphtml-layout-size-defined.i-amphtml-layout {
max-height: 50px;
margin-top: 5px;
}

Hi,

Using Cloud library category templates that is possible easily
– https://www.screencast.com/t/DGdmekzu8V
All the current cloud category templates (including a blank one) can be previewed and even edited here, if you want to take a look
– https://affiliate.tagdiv.com/#/load/Category

With default category templates you could use the settings Yoast is adding for the description
– https://www.screencast.com/t/J3xPmxzejnZy
This way it will have priority over the color set in the cloud template, if you were to use both the color setting in the template and the Yoast setting.

Or with CSS as you mention, for all the descriptions at once, with a small modification to the code
– https://www.screencast.com/t/vsNxEI138RNU

.td-category-description p{
color: black;
}

Please let me know if you have more questions.

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/

Thanks for your understanding!

Hi,

In order to do this you need to set some custom css.
You need to set the Article title position under image and info position above title
https://www.screencast.com/t/Ik6UYX7yV
Please paste this custom css in Newspaper>Theme panel>Custom code>Custom css
.td_module_flex_5 .td-editor-date{
float:left;
padding: 5px 5px 0 0;
}
https://www.screencast.com/t/XWAaaIFB
If this is not working please provide a link were I can inspect the problem.

Thank you.

Hi,

Please provide a link were I can find this problem, in this way I would be able to give you the right css.

Thank you for your understanding.

Hi,

Use the code below and place it in Theme panel -> Custom CSS Area.

.td-mobile-content a:hover {
background-color:green;
}

Thanks.

Hi,

The css is take from style.css, that is just the path with the extension to get the css.
Please provide some screenshots with the change you made and the result you want to achieve.

Thank you.

Hi,

Please try this custom css paste the code in Newspaper>Theme panel>Custom code>Custom css
.entry-review-stars{
background-color: gray;
color: white!important;
border: 1px solid lightgray;
padding: 5px;
font-size: 14px;
font-weight: 600;
float: right;
}
Feel free to change the css/color.
Results: https://www.screencast.com/t/5iIsrCZiF81
If there are some problems please provide a link were I can inspect the problem.

Thank you for your understanding.

Hi,

Please replace the above custom css with this one

.td_block_big_grid_4 .td-big-thumb{
  border-radius: 10px;
  border: 1px solid black;
}

Thanks.

• This reply was modified 7 years by Calin.

Hello,

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,

Now this is unusual. While searching for the class that sets the extra arrows within the theme, no results were found.
So I then searched in the plugins folder, seems a WP rollback plugin I had installed has CSS that applies for the arrows for some reason
– https://www.screencast.com/t/snvpK7P3n3n

But while having it active in my case those arrows do not appear as they do for you, if you as well have that plugin installed and active

I could give you a code to remove those extra arrows however
– http://prntscr.com/lqjbxx

.mfp-arrow-left:after,
.mfp-arrow-right:after {
display: none!important;
}
.mfp-arrow-right:before {
border-left:none;
}

Thanks

Hi,

Did you paste the custom css in Newspaper>Theme panel>Custom code> Custom css ?
https://www.screencast.com/t/EVUULFUQg3L9
Please provide some screenshots with the implementation you made.

Thank you.

Hi,

With some CSS that could be possible. What header style would you like to replicate from the existing ones?
– https://demo.tagdiv.com/newspaper/block-header-1/
I will try to give you a solution.

That code seems to align the comments title, it needs an addition for the icon below and it will work then
– https://www.screencast.com/t/ljiiDmoC6A
Here it is – https://pastebin.com/p4pKNcyp

If you want the same style for the headings (h2,h3,h4) in the post content, it would be like this for example
– https://www.screencast.com/t/gnDdg1gfH

Code here – https://pastebin.com/M0AJBFsW

Thanks

Hi,

Depend on what are you trying to edit in style.css, because you need to edit the exact on the class/id you want to have the change make, for example well change the background color for menu https://www.screencast.com/t/Nx8eMCBY
https://www.screencast.com/t/IEh1SxLhuo
https://www.screencast.com/t/2dAvRb95Q
Now go on Website and force refresh ( ctrl+shift+r)
Here are the results: https://www.screencast.com/t/cd1xgd6x

Thank you for your understanding.

Hi,

It seems to be strange and the code for that newsletter does not come from our theme, sorry! As a quick fix, you need to use a bit of CSS code for this.

Try the code below ->

#optin {
background:grey!important;
}

Thanks.