Search Results for 'css'

Hi,

In order to remove the sticky logo you can use this custom css
.td-logo-sticky .td-logo {
display: none;
}.td-logo-sticky .td-logo,
.td-header-main-menu .td-logo-sticky
{
display: none;
}

Thank you!

Hi,

In order to reduce the space in footer please try this custom css -> https://www.screencast.com/t/gIsH1nQQDq
.td-footer-wrapper{
padding-top: 18px;
}
.footer-logo-wrap{
margin-bottom: 0;
}

Set the code in Newspaper>Theme panel>Custom code>Custom css

Thank you!

Hi,

For this you’ll need to use a custom css -> https://www.screencast.com/t/QzYpDpf63uu
.td-header-wrap .td-header-menu-wrap .sf-menu > li > a{
padding-left : 5px;
padding-right: 5px;
}
Set the code in Newspaper>Theme panel>Custom code>Custom css

Thank you!

Hi,

Please try this code for mobile menu -> https://www.screencast.com/t/gglCHTVVrKn
.sub-menu {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
Set the code in Theme panel > Custom code> Advance css> Phone

Thanks.

Hi,

I have made a simple test with the Footer Style 2. Just added three Blocks 1 on the Widgets and the result is here -> https://www.screencast.com/t/YMIwu1cqL Also, if you want to change the font-family to your popular categories, you need to use a bit of CSS code for that. You can provide oyur website URL for that.

Thank you!

Hi,

Please provide some more details about what you want to achieve.
Also please check our documentation for:
Create custom code with the browser’s Inspector or the Live CSS Box -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
Customize pages easily using the Live CSS box editor -> https://tagdiv.com/live-css-box/

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/

Lately, Google Page Speed Insight seems to change the layout and is not always reliable.

For minify CSS you can use this online tool -> https://www.minifier.org/

Thanks for your understanding!

You could try something like this – http://prntscr.com/naiss4 It will increase the width to allow more space between the menu items.

This is the code, enter in in the Advanced CSS section in the desktop field, as it may create problems on smaller devices – http://prntscr.com/naiti5
– https://pastebin.com/UXg7NjPA

Or if you want to use a cloud header, there will be an option for the space
– http://prntscr.com/naiv5d

You could do something like this. For example enter the 3 column code in the desktop and tablets fields in the advanced CSS section
– http://prntscr.com/naf7uo teh 3 column layout looks alright in desktop and tablet sizes
– http://prntscr.com/naf8a1

In the phones field use something like this – http://prntscr.com/nafbws
– http://prntscr.com/nafc3t

.menu-item-49 > .sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

Or in 2 columns maybe – http://prntscr.com/nafcjy

.menu-item-49 > .sub-menu{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

Two columns on phones would be better in my opinion, try both and choose the method you like best. Let me know if there is a problem I missed, or you have more questions.

Copy the code from here, no need to manually type it, works just fine when I try it. Should be no problem.

Hi,

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

.td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full{
background:transparent!important;
}

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

Thank you!

Hi,

It is possible with some CSS. Or if in those pages you use a different header. Using a different header in specific pages or cloud templates is now possible, since the introduction of the cloud header templates and builder.

So while editing the pages you can select a header – http://prntscr.com/naeg7l this will apply only on that page.

With CSS a code like this should work

.page-id-XXX .td-header-top-menu-full,
.page-id-XXX .td-header-top-menu-full,
.page-id-XXX .td-header-top-menu-full {
display: none;
}

Use the IDs of the pages where you want to remove the top bar. The IDs can be seen in multiple places, for example by hovering the page name in the pages screen
– http://prntscr.com/naei2i
Multiply the lines if you have more pages. If you need help let me know.

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/

Lately, Google Page Speed Insight seems to change the layout and is not always reliable.

For minify CSS you can use this online tool -> https://www.minifier.org/

Thanks for your understanding!

Hi,

Please make sure that you set this custom css in Theme panel>Custom code>Custom css and Theme panel>Mobile theme>Custom css>Css
#td-mobile-nav {
position: fixed;
}
#td-top-mobile-toggle {
float: left;
}
This code should should solved your problem!

Thank you!

Hi,

You can get the most of the fonts in the Theme panel>Theme fonts -> https://www.screencast.com/t/GAFCPgKVwc
But you say that you want to “Change default font for all types in child theme”, and in order to do that you need to set the code css for those elements that you want to change in child theme.
The style of theme can be found in wp-content/themes/Newspaper/style.css -> https://www.screencast.com/t/I6mOye5L
But the easyest way will be to use the Theme panel for general fonts and tagDiv Composer for individual fonts.
Block settings guide -> https://forum.tagdiv.com/block-settings-guide/

Thank you for your understanding!

Setting the border on the text with title would look similar – http://prntscr.com/na21hr
I used a border radius of 10px. This should’t take long to do. You can save this customized element after you create it and re-use it, change only the text in it (or save it empty) – http://prntscr.com/na24zr – http://prntscr.com/na256b

Of course you can also use HTML and CSS to create it, in a raw HTML element for example, or what you think best.

If you have problems with the composer, provide more details about it so we can understand what is happening exactly.

Hi,

You can try a custom css for this -> https://www.screencast.com/t/R2VrpyTyGy
.td_module_flex_1 .td-post-category {
width: auto;
display: inline-block;
float: right;
margin-top: -27px;
}

Thank you!

Hi,

You can set the custom css in the style.css from the child theme that comes with theme package -> https://www.screencast.com/t/tuCcJvyOBy

Thank you!