Search Results for 'css'

Hi,

This can be done just with custom css, please take a look at this documentation: https://css-tricks.com/using-css-cursors/
https://stackoverflow.com/questions/18551277/using-external-images-for-css-custom-cursors
https://davidwalsh.name/css-custom-cursor
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Thank you for your understanding.

Hi,

Please read this documentation Create custom code with the browser’s Inspector or the Live CSS Box from here: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you for your understanding.

Hi,

You can change the text “Blog” from Newspaper> theme panel> Translations >Translations ( https://www.screencast.com/t/UhO9YSOMNN2 ),
Please try this custom css:

.entry-crumbs, entry-crumbs{
text-align: center;
}
.home blog .er-recipe .td_module_mob_1 .item-details .entry-title {
font-size: 15px;
}
.home blog .er-recipe .td-module-meta-info a{
float: left;
margin: 3px 0;
}
.home blog .er-recipe .td-module-meta-info .td-post-date{
margin: 3px 0 0 0;
clear: both;
float: left;
}

Paste it in Newspaper> Theme panel> Custom code> Custom css.
Thank you.

Hi,

Of cores it not work, because you add to the extra class “btncor” not “full_width_button” , and in css cod you put “full_width_button” instand of “btncor”.
https://www.screencast.com/t/4p3AL83u
Please try again, and change from css or extra class.

Thank you for your understanding.

I have inspected the row with the sticky sidebar column issue, the issue seems to be caused by a display property added to the row in Custom CSS or live CSS.
– https://www.screencast.com/t/amds1MPFIYE
Try removing that code and check again. It should solve the problem.

Glad you fixed it. I have inspected your website, from what I can see there are many images which do not load, they have a status of 400
– https://www.screencast.com/t/9MgimjUoWg
If you use an image delivery system you could check why this is happening.

Also be sure to check the theme requirements guide and increase the allocated resources if needed
– https://forum.tagdiv.com/requirements-for-newspaper/

There are also quite a few topics in this forum for improving website speed, try a search for these and read a few for more information. Some of the topics here
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/how-to-make-the-site-faster/

Hi,

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

.single .td-pb-span8 {
width:100%;
}
.td-post-featured-image {
text-align: -webkit-center;
}

If the problem is still there, you should send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further investigate it closer to your setup page. Provide there the link to this conversation so we can quickly identify you.

Thanks.

Hi,

If this is the way you’ll like to look https://www.screencast.com/t/3cRGYgyb , if you like only on that block then you need to add an extra class on it https://www.screencast.com/t/3cRGYgyb and past this code in Newspaper>Theme panel> Custom code > Custom css
.add_class{
background-color: lightgray;
padding: 10px 10px;
}

Thank you for your understanding.

Hi,

The top menu is not supposed to display on mobile, it will be hidden. However it could be made to appear if necessary, try this code
– https://www.screencast.com/t/Z93oGw3pqs0
Enter it in Theme panel->Custom code->CSS section if you decide to use it

@media (max-width: 767px){
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align:center ;
}
.menu-top-container {
margin-right: 0;
}}

Let me know if you have more questions, I will try to help you.
Thanks

Hi,

After you set your news ticker and save the settings you make, all you have to do is to add this custom css in Newspaper>Theme panel > Custom code> Custom css:
.td-trending-now-wrapper {
pointer-events: none;
}
and the news ticker will be not clickable.

Thank you for your understanding.

Hi,

Your logo look just fine, but if I understand correctly you’ll like to be bigger,
first of all when you set the logo from Newspaper>Theme panel>Header > Logo&Favicon make shore you set the size to full size ( https://www.screencast.com/t/sz6hKP7HVhi ).
If you like bigger you can add this custom css in Newspaper>Theme panel>Custom cede> Custom css :
.td-header-sp-logo img{
width: 350px;
}

you can set any size for width, but keep in mind if the logo is smaller than you set there, the logo will be enlarged and will show pixelated .

Hope this will help you.
Thanks.

Hello Gilson,

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,

If you’ll like to show only 3 post on mega menu without subcategory, than yes that is all you need to do ( https://www.screencast.com/t/lG9RkJOlL0h ), the result will be this: https://www.screencast.com/t/8tAMSZQMW

Or you’ll like to change the white box for mega menu? if is so please add this custom css in Newspaper> Theme panel > Custom code> Custom css:

.td-mega-menu ul.sub-menu {
width: 680px!important;
}

Thank you.

Glad you solved it. I tested the child theme as well, by adding some CSS in the stylesheet. Once activated the stylesheet is loaded checking in the page source
– https://www.screencast.com/t/arimOiWA8l
Also the CSS I used is working – https://www.screencast.com/t/FxAG3Rj5
So it should work for you as well, check in the page source to see if the child theme is loaded.
Also be sure to use valid CSS in the stylesheet. Test if it works in the main theme
– https://www.screencast.com/t/2Ox1JPWGZ9x

Hi,

Please insert this custom css in Newspaper> Theme panel>Custom code>Custom css
@media (max-width: 767px){
.td-custom-image a{
min-height: 106px;
width: 100px;
margin : 0 auto;
}
.td_block_image_box .td-image-box-span {
width: 25%!Important;
float: left;
padding: 0 10px;
}
}

https://www.screencast.com/t/89iBKtyPiQ

Thanks.

Hello,

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

The code is ->

@media(max-width:767px){
.td-post-content p{
font-size:20px!important
}
}

Thanks.

Hi,

Above the author image is set an background image not color, you need to set one image ( https://www.screencast.com/t/t4KYbWgusrxv ).

For the second one please insert this custom css in Newspaper> theme panel? custom code> custom css :
.td-craft-ideas .td-module-comments a {
background-color: red;
}

You can change the red color.

Thank you for understanding.