Search Results for 'css'

Hello sergemarjollet,

Unfortunately, I do not exactly understand what you mean, sorry! By default, the theme allows you to set up only one color for block elements and also if you want to have more than one color for a single block, you should do it through the code via CSS, sorry! If you are not aware of the steps, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello Timo,

I have inspected your website and it seems to work as expected. All the CSS of the theme seems to be correctly loaded. This error may occur because of your server, CDN, caches or some untested plugins.

Thanks for your understanding!

Hello sanotes,

1)Sorry, but in the feature, no change will be made in this case, sorry! Each post should have to be added a featured image.
3)You should use a bit CSS code if you want to change this color. You can provide your website URL so I can provide a more accurate code.

Thanks for the message!

Hello joep,

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

The code is ->

.td_module_wrap:hover .td-excerpt{
color:#00b0ff;
}

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

Thanks.

Hello superflymarketing,

Yes, if you want to hide the post view count on the page, you should do this only via CSS code because if you will disable from Theme panel, you will interrupt this functionality for the whole website.

Thanks for the message!

Hello denamer,

Notice that we do not recommend to do this change because you can easily break the theme layout. As a quick solution, notice that you can try making this change using a bit of CSS code from here -> https://www.screencast.com/t/vOcnKa1rOxyf

Thanks for your understanding!

Hello cthrag,

I have checked your website URL on Google Insights and I saw that your page speed is too slow because your website was not be optimized, as you can see here -> https://developers.google.com/speed/pagespeed/insights/?hl=ro&url=https%3A%2F%2Fwww.karaburunzeytinevleri.com%2F&tab=desktop

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 mvonplato,

If you want to make some changes to the logo text, you should use a bit of CSS code and place it in Theme panel -> Custom CSS area.

.td-header-style-10 .td-header-text-logo span{
font-family:Arial;
}

Notice that the font family used in this code should have to be loaded from the Theme panel in order to achieve good results.

Thanks.

Hello reiseblitz,

1)Do you have cleared all the caches before checking the results? Try to do this and see the results. Also, make sure that you are using right images as a size because the theme does not enlarge them, but only crop them.
2)As a quick solution, try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td_block_template_8 .td-block-title>*:before, .td_block_template_8 .td-block-title>*:after{
background-color:initial;
}

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

Thanks.

Hello joep,

1)Please notice that the Block Header Styles does not have any such a hover effect, sorry! If you want to have such an effect, you should use a bit of CSS code in order to achieve this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-block-title-wrap:hover{
background-color:green;
}

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

2)You can try the code below and add a margin top to your social sharing buttons.

The code is ->

@media (max-width: 767px){
.td-post-sharing-top {
margin-top: 20px;
}
}

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

Also, if you have some additional customizations which can break the mobile theme layout you should optimize it. So, if you will check our demo on mobile, you will see good results.

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

The code is ->

.widget_mc4wp_form_widget .td-block-title span {
color:red;
}

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

Thanks for the message!

Hello,

These sections can only be adjusted with custom css at the moment. Please provide an example of how you want them and we will try to provide the needed css codes.

Thank you!

Hello,

I have just tested this option on my end but it works as expected. You could have another css affecting your titles that prevents the theme css from applying. Please provide a link to your site so we can inspect it.

Thank you!

We provided a solution in a similar topic, the user wanted to display a bigger logo in the mobile menu. So we provided a code to increase the logo size while maintaining a proper positioning for the menu and search icons. That code would look like this on your website
– https://www.screencast.com/t/05EzKKphvW
The same size will be kept when sticky
– https://www.screencast.com/t/QFm3Fbm9OVwA
So you could try it and see if this is how you want it, the code could be modified if needed. This is the code, it can be entered in Theme panel->Custom CSS

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu, #td-header-menu {
height: 100px !important;
}
#td-top-mobile-toggle,
.header-search-wrap {
top: 23px;
}
.td-main-menu-logo img {
max-height:100px;
}
.td-header-menu-wrap.td-affix {
transform: translate3d(0px, 0px, 0px)!important;
}
.td-header-style-6 .td-main-menu-logo img{
max-height: 100px;
}
}

Hi,

You could change that background color in the demo stylesheet
– https://www.screencast.com/t/q7aj5IGs
The demo you have installed uses an overlay menu page template. On mobile a background color is set so it will not be transparent. If it would be transparent when sticky it will look like this
– https://www.screencast.com/t/mIbOVsnI1ts
But you could change the black color in a different color as shown. Or further override it with a code like this (in Theme panel->Advanced CSS in the phones section)
– https://www.screencast.com/t/WugzgEDNjL

.td-construction.page-template-page-pagebuilder-overlay .td-header-wrap .td-header-menu-wrap.td-affix {
background-color: #fff!important;
}

Thanks

Hi,

That is the new social sharing functionality, when there is not enough space available to display all the socials they will be hidden and an option will be displayed to show them (a “+” sign).

I could give you a code you could try, to remove the text on the socials on mobile, thus creating more space. Enter it in Theme panel->Advanced CSS in the phones section.

.td-post-sharing-visible .td-social-but-text {
display: none;
}

Hello Jericho,

The theme does not have any such an option that allows you to disable only a By a review score from Category pages, sorry! You should use a bit of CSS code if you want to do this.
Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-pulldown-filter-list li:nth-child(5){
display:none;
}

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

Thanks.

Hello Jericho,

You should use a bit of CSS code if you want to change the font from this section. Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-category-description p {
font-size:20px;
font-style: normal;
}

For page title, you should change from Theme panel, Theme Fonts from here -> https://www.screencast.com/t/viJFU4PW7

Thanks for the message!