Search Results for 'css'

Hi,

If you refer at this shadow box
https://www.screencast.com/t/ew0ofSpJ6lIl
please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
.td-mega-menu ul.sub-menu {
box-shadow: none;
}
https://www.screencast.com/t/RA4YuCvg8

Thank you.

Hi,

If this is what you want to achieve https://www.screencast.com/t/S0Z6r6e8 please add the below css in newspaper>theme panel>custom code>custom css
.td_block_23 .td_module_18 .meta-info-container {
text-align: left;
}

Also if you want to have more control you can use a flex block ( flex block 5 is similar with block 23 )

Thanks.

Hi,

Seems to be a CSS issue, maybe due to minification. I could give you a code to make the sub-menu visible
– https://www.screencast.com/t/8UfjLOP30nw
You can enter it in the custom CSS section of the theme panel.

#td-outer-wrap {
overflow: visible;
}

Thanks

Hi,

Please add the below custom css in Newspaper>Theme panel>Custom code>Custom css
.td-pb-article-list .td_module_wrap .td-module-meta-info {
display: block!important;
}
https://www.screencast.com/t/bgWGz6LaynL

Thank you.

Hi,

Please read our documentation about child theme, here you’ll find the files you can set in the child and how to set them ->https://forum.tagdiv.com/the-child-theme-support-tutorial/
Also you can set the css directly in Newspaper>Theme panel>Custom code>Custom css, in this way you’ll not lose the css after update.

Thank you.

Hello Muttaqin,

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

.td-post-content p, .mce-content-body p, .wpb_text_column p, .comment-content p{
margin-bottom:0;!important
}
ul, h2{
margin-top:0;
margin-bottom:0;
}
.td-post-content ul, .mce-content-body ul, .wpb_text_column ul, .comment-content ul{ {
margin-bottom:0;
}
.td-post-content ol, .mce-content-body ol, .wpb_text_column ol, .comment-content ol{
margin-bottom:0;
}

Thanks.

Hi,

If this is what you want to achieve https://www.screencast.com/t/xlMhvbZv
please paste the custom css in newspaper>theme panel>custom code>custom css
.td-main-logo{
background-color: gray;
}

Feel free to change the color from the code.

Thanks.

Hi,

Sorry was my mistake, you have theme mobile activate , please remove from there the css and past it in Newspaper>Theme panel>Mobile theme >Custom code css
https://www.screencast.com/t/QqnMJiRVUH

Thank you for your understanding.

Hi,

Only with some CSS it will be possible. For example a code like this entered in the phones field of the Advanced CSS section
– https://www.screencast.com/t/x4pfdggELV4
This is the code used – https://pastebin.com/5rtGetET

Thanks

Hi,

The title element heading can be h1 -> h4 – https://www.screencast.com/t/rwwdWBhrk5lP

So you want the same design as the title to apply to that text (paragraph)?

You could try something like in this example. First set a custom class to the column text so that the design doesn’t apply to all the column text elements
– https://www.screencast.com/t/5lgs4lW3Icxd
Then use a CSS like this – https://www.screencast.com/t/9EdWleNcy
Code used in example is here

.myclass p:after {
background-color: #222222;
}
.myclass p:after {
content: '';
width: 50px;
height: 2px;
position: absolute;
top:100%;
left: 0;
margin: auto;
}

You could experiment with this suggestion further.

Thanks

Hi,

First please check if you have set in footer a template or a page:
https://www.screencast.com/t/uJ3fKxjHV1K
If you have a page, please edit that page.
If you have a template please be notice that the theme fonts will change just for the items that are in panel.
https://www.screencast.com/t/KxQG7Oty
Maybe you need a custom css, please provide a link were I can inspect the footer and some details with the change you want to make.

Thank you.

Hi,

You can do this in more ways, one of theme is to set a padding or margin on that element with td Composer
https://www.screencast.com/t/lkW69igE
Or you can insert a custom cee in Newspaper>theme panel>Custom code> Custom css ( or you can add it in Advanced css on device you want )
https://www.screencast.com/t/Wwr0xfdR6q

.td-block-width{
padding-left: 25px;
padding-right: 25px;
}

Thanks.

Hi,

The theme does not have any such an option that allows you to make these changes, sorry! You need to use a bit of CSS code for that. Use the code below and place it in Theme panel -> Custom CSS area.

@media(max-width:767px){.form-submit input[type=submit] {
background-color: red;
color: green;
}
}

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! You need to follow the above advice if you want to customize your AMP version.

Hope this helps!

Thanks for your understanding!

Hi,

Please read our guide for Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
You can try this for posts
https://www.screencast.com/t/mEr6GRUk
https://www.screencast.com/t/FdqhB2v1
.postid-644 .td-post-date {
display: none ;
}

Hope this will help you.

Hello Bryanlim,

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!