Search Results for 'css'

Hello,

1) If you want to stretch the header, please use this option: https://www.screencast.com/t/EiC2Cr2BjuS

2) Ad this code in your theme panel-> custom css box:

#td-header-menu{
border:1px solid black;
}
3) I’m not sure what overlap you are referring to, sorry.

Thank you!

Hi,

Yes that is the case, enter the CSS code in the theme panel and it will be saved in the database.
I don’t exactly now how you implemented that ad above the article title. If you made modifications to the post templates directly or any main them files, and inserted the ad code there, then the modifications will be lost after a theme update.
In this case you can create a child theme, and modify the post templates or supported theme files through it
– https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks

Hi,

You could change that color with some CSS. Something like this code for example
– https://www.screencast.com/t/AgW7PKZGZHmX
This the code used, you may change the color as you want, then enter it in Theme panel->Custom CSS

.td-social-font-icons .td_social_instagram .td-sp:before {
color: #C32AA3;
}

Thanks

Hello dourmioan,

You should use a bit of CSS code if you want to make some changes to the yellow container. Please provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks.

Hi,

Regarding the mobile menu background, if the mobile theme plugin is not active it can be changed here
– https://www.screencast.com/t/7fAAHdYQ
If the mobile plugin is active the settings are here
– https://www.screencast.com/t/XPrfrNbV
Also the scroll would be present when the mobile theme is active
– https://www.screencast.com/t/sGXK6QYLR2
When inactive it will not appear, it could be made visible by entering this code in Theme panel->Custom CSS
– https://www.screencast.com/t/OctmuN7BL7

@media (max-width: 767px) {
.td-scroll-up {
display: block;
}

The news ticker text can be changed in the theme translation settings
– https://www.screencast.com/t/5YY0QzJy6e
Same for the related articles – https://www.screencast.com/t/hZzfVfoRPeG

Thanks

Hi,

That would be the latest articles section, the title inherits the color set here
– https://www.screencast.com/t/hgIJw2WEA
Or you could use some CSS if you want to change the color for that element specifically, and also widgets in the sidebar for the latest articles section
– https://www.screencast.com/t/T9BlvsMHGv

.td-pb-article-list .block-title {
border-color: yellow;
}
.td-pb-article-list .block-title > span {
background-color: yellow;
}

Thanks

Hello Francisco,

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/

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/

Thanks for your understanding!

Hello eemskrant,

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

The code is ->

.td-category-siblings{
display:none;
}

Thanks.

Hi,

There are settings to customize the post title font properties for each post template
– https://www.screencast.com/t/Ez3TTvRs
If you require something more precise, for example a specific post from many using the same template, you could use some CSS to do it. Use the unique post ID to do it
– https://www.screencast.com/t/6NQtYrz0KgI
If you want to change the actual font, note that this has to be loaded first or it will not be applied. If the font is not used anywhere on the website you can load it like this
– https://css-tricks.com/snippets/css/using-font-face/

Thanks

Hello ulugg,

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

The code is ->

.td-pb-span4 .td-block-title-wrap, .widget, .td_block_widget {
text-align: center;
}

Thanks.

Hello Prajwal Desai,

If you want to style your quotes with that style you should do it yourself because this task involves doing such a custom work and we cannot provide something like this at the moment, sorry! As a hint, please check our useful tutorial for Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The theme does not have any such an option that allows you to turn off all the ads for the whole theme. You should try using such a custom CSS code for this behavior or simply remove the ad code from Theme panel.
Please refer to the following topic from here -> https://forum.tagdiv.com/topic/how-to-make-this/page/2/ because there you will find some useful steps which you need to follow in order to achieve as you wish.

Thanks for your understanding!

Hello heisenberg234,

You should turn off your date from the Theme panel from the blocks/modules and post pages from here -> https://www.screencast.com/t/GbmrO1GL and then, you should use a bit of CSS code to display none the WordPress date from the top bar of your website.

The code is ->

.td_data_time{
display:none;
}

Thanks for the message!

Hello Pradeep Augustine,

You should use such a bit of CSS code if you want to hide the featured images for such a post from a certain category. Please use the Inspector browser, take the specific category of your featured image. Below I gave you a simple example how you should be done.

@media (max-width:768px){
.category-lifestyle .td-post-featured-image{
display:none;
}
}

The result can be found here -> https://www.screencast.com/t/T0Oj6Yqk

Thanks for your understanding!