Search Results for 'css'

Hi,

You could change the excerpt font color in general like this – https://www.screencast.com/t/soiFHE2fNWUg or by module or block for example like this – https://www.screencast.com/t/iIc5waAyPpeB
Here is a tutorial about using the browser inspector to identify the elements used on a page and their classes and create custom code, that you can use in the Custom css section in theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

Please try to use the manual activation process: https://www.screencast.com/t/DJnCt0X2
The theme should not loose it’s data as the activation process is meant to be used a single time, not periodically. Maybe you did not make the move to ssl properly and there is a conflict somewhere affecting the theme activation or the theme settings. Please check these few guides on how to properly move to ssl:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/.

I hope this helps.
Thank you!

Hi,

That would require some custom css code, to make the header logo and menu remain the same when sticky and the affix class applies, like this
– https://www.screencast.com/t/2EJkvrlKII3
This is the code, if you want to use it you must enter it in Theme panel->Custom Css

@media (min-width: 768px) {
.td-header-wrap .td-affix .sf-menu>li>a {
line-height: 60px!important;
}
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 60px!important;
}}

Thanks

Hello,

Sorry for the inconvenience there seems to be a css issue with the menu. Please add this code in the theme panel->custom css box:
#td-login-mob .td-login-inputs input[type="password"]{
top: 11px;
}
I also added this to our buglist and we will fix it in the next theme version.

Thank you!

Hi,

I have inspected the website and using the Live CSS editor (Chrome extension) I was able to make modifications to it, without any problems whatsoever – https://www.screencast.com/t/nu8HVnVVnB
If you would like to make changes to to elements on the website, here is a guide about using the browser inspector to identify these elements and their classes, and create custom code that you can enter in Theme panel custom code section – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Yes, you are missing a dot in front of td_block_wrap{padding-bottom:0;}
That will cause all your css to break below this code
Thank you!

Hello,

The travel demo image was added as a full width row and a background image set to that row. The the block beneath was customized with css to position over the image. Basically if you want to replicate the travel demo, you will have to install the travel demo as there is no simple way of replicating it on another demo. Each style has a unique custom design that is created specifically for that particular demo. It can ve replicated on another demo if you have the proper css skills though.
Here is a related topic where I explained how this can be done:
https://forum.tagdiv.com/topic/parallax-setting/

Thank you!

Hello,

CSS works in cascades so when there are more then 1 rewrite of the same color, you will be able to see each change happen especial if your connection is slow. If you load a theme demo that changes the colors that is one rewire and if you change the colors again that would be the second one and already you will be able to see the changes happen on page loading. That is the way css works and there is little to be done about it unfortunately. You can make the changes directly in style.css but you will have to re-add them on each update.
You can see the compiled code in your page source: https://www.screencast.com/t/BddeG11R
You can try to add that code at the bottom of style.css

Thank you!

Hello ivankozlik,

Please keep in mind that our theme has an option from Theme panel which allows you to change the font-weight from the panel, like this -> https://www.screencast.com/t/NhZjSxNlL5w If you want to have more option than that, ensure that your custom fonts have loaded more then this weights and call them using a bit of CSS code. Please follow our documentation for more details about how can be added a new font in theme’s options: https://forum.tagdiv.com/newsmag-using-custom-fonts/ – https://forum.tagdiv.com/newsmag-using-typekit-fonts/

Hope this helps.
Thanks!

Hi,
Please make sure you palce the code properly as it works fine on my end. You probably have an error in your custom css box. A big red x in front of the code should warn you about this.
Thank you!

Hello,

It is exactly the news magazine demo style as I suspected. Please use this code to change the colors:
.td-magazine .td_block_template_1 .td-related-title .td-cur-simple-item{
color:#dfcd3a!important;;
}
Add the code in the theme panel-> custom css box.

Thank you!

Hi,

You could do that for a specific menu item in the header top menu, by identifying the menu item in question and then use some CSS to modify it – https://www.screencast.com/t/tiUNxRf031oB or set a custom class for that menu item – https://www.screencast.com/t/ZRMrR1lnW and use that in the code – https://www.screencast.com/t/iXitiiWZElN
If you would like to make the social icons in the top menu bigger, you could do that like this
– https://www.screencast.com/t/84xYZw6LQSf9
This is the code used in the example, but you can modify it to how you like

.td-header-sp-top-widget i:before {
font-size: 20px;
}

Here is a tutorial about using the browser inspector to identify the elemets used on the pages and their classes
in order to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello polys_a,

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 is 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 to 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/

Please keep in mind that at the moment, we cannot provide optimization services because this task involve time-consuming and we do not afford to do this, sorry! We only can provide support for basic theme settings.
If you are not aware of these steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello all,

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 is 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 to 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/

Please keep in mind that at the moment, we cannot provide optimization services because this task involve time-consuming and we do not afford to do this, sorry! We only can provide support for basic theme settings.
If you are not aware of these steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

Borders are added with css. Our theme does not have any option to add borders from the theme settings soi they will have to be made custom using css code. It depends on where you want the borders as the code is different for each spot in particular.
Here is a simple example of css borders: https://www.w3schools.com/css/css_border.asp

Thank you!

Hi,

1. You could try this solution – https://www.screencast.com/t/XsJRdIVpViPz that causes the meta to display on the bottom of the module, if that is what you would like for the big grids on that particular style. This is the code used, you must enter it in Theme panel->Custom Css

.td-grid-style-6 .td-meta-info-container {
top: auto;
}

2. The weather widget is working properly on my end – https://www.screencast.com/t/sySxMNZhmij Try disabling all your plugins except the ones bundled with the theme, clear any caching installed and check again. Also make sure to have the latest version for these plugins from the theme package.

Thanks

Hello,

Sorry but we have not tested this live editor so we have no ides of it;s functionality. We also use a live css editor but it does not add any css anywhere. It is a simple chrome extension for testing the css. https://www.screencast.com/t/oTaOSqgvJNc
It affects any page no matter the content.

Thank you!