Search Results for 'css'

Hello,
No, the theme panel custom css tab will not work on amp. The only method for the moment is to add your css code directly in the amp files. You should add an echo in style.php here:
https://www.screencast.com/t/vIUHFAbD6uRH

Thank you!

Hello,

All of the code used on a specific demo can be seen in the theme files like so: https://www.screencast.com/t/OlMb0PoSXqq2
Each demo has it’s own implementation and i’ts own style added via css.
There is no change on the local news demo for the mce editor however. How is it different than other demos?

Thank you!

Hello kame,

Unfortunately, the theme does not have any such an option for this style! You should do it yourself via such a custom CSS code.

Thanks for the message!

Hello,

It seems the css file is not being rendered. It simply indexed your post at a wrong time. Please rescrape it with google and test again.

Thank you!
Bogdan B

Hello landerboss,

First of all, I will thank you for your interesting in our items! Notice that our theme is more powerful which has a lot of settings in the Theme Panel. I suggest you read again the whole theme documentation to familiarize with all of these elements. If you want additional customization and if the theme does not have any such an option for what you want to do, you need to have some CSS skills. For theme installing/updating please check here -> https://forum.tagdiv.com/install-via-ftp/ -> we recommend the FTP method because this is the surest method in this case. For installing the demo, please check here
-> https://forum.tagdiv.com/installing-demos/.

Hope this helps!

Good luck with your project!

Try a code like this
– https://www.screencast.com/t/bJb8E0Vpt2O
Enter the values you want in the code, then enter it in Theme panel->Custom CSS section (default values are 130px)

.td-header-style-9 .td-logo-wrap-full {
min-height: 100px;
line-height: 100px;
}
.td-header-style-9 .td-logo-wrap-full .td-logo {
line-height: 100px;
}

Hello,

I have inspected your website and I saw that you are using the autoptimize plugin which can break some theme functionality. Disable this plugin, clear all the caches and check the results. Also, you can use the code below and place it in Theme panel -> Custom CSS area as a quick solution.

.td-header-style-5 .td-main-menu-logo img{
max-height: 48px;
}
.td-main-page-wrap{
padding-top:0px
}

Thanks for the message!

Hello,

This can only be done with customization. You will need to alter the css of the blocks in order to make them the same height. You will have to assigning an extra class to the slider and the block next to it so they can be targeted with css.

Here is an example on the default code, but this will alter every block that uses module mx1 and that is not desirable. That is why you need a custom class.

.td_module_mx1 .td-module-thumb{
height: 162px;
}
.td_block_14 .td-block-span12 .td_module_mx1 .td-module-thumb{
margin-top: 21px;
}

code with your custom class will look like so:

.mycustomclass .td_module_mx1 .td-module-thumb{
height: 162px;
}
.mycustomclass .td-block-span12 .td_module_mx1 .td-module-thumb{
margin-top: 21px;
}

result: https://www.screencast.com/t/29IpJWZZKCyi
There is also a responsiveness issue. The code needs to be adjusted for each of the 4 viewports. for desktop, tablets portrait and landscape as well as mobiles.

Change the values for each device to make it look properly on all devices. Use the advanced css box in the theme panel

Thank you!

Hi,

Please note that each demo contains custom code and design. The Business demo date is specific to the business demo homepage, there is no date widget that can be placed on pages.

You could use a different method as well to display the date in a raw HTML element, like this for example
– https://www.arclab.com/en/kb/htmlcss/display-date-time-javascript-php-ssi.html
– https://www.screencast.com/t/HRTttD6S
– https://www.screencast.com/t/i5i1rzTLCn
Or you can try other online solutions.

Thanks

Hi,

That would be possible but not with a theme option. For the header and top bar background there is no setting to set a gradient, only color. So you could set the gradient with CSS
– https://www.screencast.com/t/C83zkEccwk
– https://www.w3schools.com/css/css3_gradients.asp
Use the browser inspector tool to create custom code, this is a guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help please provide a link to your website and details about the customization you want to do, and I will try to give you a solution.

Thanks

Hello,

You can add a bottom padding for the block to have the same spacing:

.wpp-list-with-thumbnails li{
padding-bottom: 26px;
}

Unfortunately you cannot add the date and timee with css.
The title seems to match the others.

Thanks.

Hello Olya,

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!

Hi,

It seems there is an issue with the news ticker element, the color is not applying for the text when configured in the composer. I will add this issue on our list and it will be fixed as soon as possible.

In the meantime as a quick fix, if you want to change the color of the text in the news ticker use a code like this
– https://www.screencast.com/t/qzZS9nOT
Enter it in Theme panel->Custom CSS section

.td-trending-now-title {
color: white;
}

Thanks

I could give you a code for that if possible but I will need more details. Provide a link to your website and details or screenshots of the padding you want to reduce, for a more accurate solution.

Or try creating a code with the browser inspector, this is a guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Note there are sections in the theme panel, called Advanced CSS code. There you can enter code to affect certain devices (widths) only.

Hello,

Here is talking about updated time which seems to be added at the bottom of each post. It’s strange because our theme does not add something like this, sorry! MayBE, this effect comes from such untested plugins used by you. To achieve best theme results, you should remove all of these, clear all the caches and check the results. As a quick solution, in this case, would be to use such a custom CSS code to hide this date from that section. Use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-post-content .updated{
display:none;
}

Thanks for your understanding!

Hi,

I believe you are referring to the post being randomized. Please edit the page with the tagDiv composer and select the post sorting you want for each element
– https://forum.tagdiv.com/block-settings-guide/
There might be a random sort order now, that would be why the posts are randomized with each refresh.

That title is centered by custom design, not a theme or composer option. Each demo contains custom design for styling. Try entering this code in Theme panel->Custom CSS and it should center the title

.td-blog-fitness .td-stretch-content .td_block_text_with_title .block-title{
text-align: center!important;
}

Let us know if there is still a problem and we will help you.

Thanks