Search Results for 'css'

Hello rudhihadhi,

You sohuld try using the code below and place it in Theme panel -> Custom CSS area.

.td-newsmag-magazine .td-post-template-default{
box-shadow:none;
}

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

Thanks.

By default the category tag is not displayed on that module, when viewing from mobile. Also I forgot to mention, that code should be entered in Theme panel->Advanced CSS in the desktop section and tablets. On smaller devices it may not work properly.

In order to position the tag like that I used a fixed value, because it is dependent on the module thumb. The thumbnail will not remain the same size for all devices. A solution that would work on all devices would be to position the tag in the left top corner
– https://www.screencast.com/t/IfnYFr4a7a
– https://www.screencast.com/t/9PR3ESbD

Hello,

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

The code is ->

.td-trending-now-display-area{
height:30px;
}

Thanks.

Insert it in Theme panel->Mobile theme->Custom CSS code and it will apply to all the paragraphs in the post content, on mobile.

Hi,

Indeed this is unusual, the art creek demo is designed the same and this issue is not happening on Firefox. Please try to temporarily remove the custom CSS code you have in the theme panel affecting the image box. Check if this solves the issue.

Thanks

Hi,

So you would like tot remove the page title from pages, when the page with title template is selected
– https://www.screencast.com/t/pp6ttajh
That could be done with a code like this
– https://www.screencast.com/t/OefAsAuv
Enter the code in Theme panel->Custom CSS

.page-template-page-pagebuilder-title .td-page-title {
display:none;
}

Thanks

Hi,

Regarding the comments, you could change the font for all the elements in it with custom code, like this
– https://www.screencast.com/t/2NdIMesS
Try it out, enter it in Theme panel->Custom CSS

.comments .comment-reply-title,
.comments .logged-in-as {
font-family: Georgia, Times, “Times New Roman”, serif;
}

.td_module_12 .td-excerpt {
font-size: 21px;
line-height: 37px;
}

Thanks

Hello Truealeth,

Notice that task involves doing such additional customizations and we cannot provide something like this at the moment, sorry! As a hint, you should check the style.css file and search inside it what kind of CSS you want and change it.

Thanks for your understanding!

Hello,

As you may already know, the speedbooster plugin will work with other plugins if they are added to that array or simply removed the compatibility code altogether, but it will not be able to move all of the css or js to the footer. It is only guaranteed to work properly with the plugins found originally in the compatibility list. You will have to try other methods to move the js and css for the ones that speedbooster cannot move.
http://www.wpbeginner.com/wp-tutorials/how-to-move-javascripts-to-the-bottom-or-footer-in-wordpress/

Thank you!

Hello,

You can add a bottom border with css. You will need to provide a link to your site so I can inspect it though so I can provide a proper code.

Thanks.

Hello,

1. The block title is controlled for each block in particular as well as the ajax filter(the list of categories)
Please read this guide: https://forum.tagdiv.com/block-settings-guide/
2. The same block settings alow you css options in the css tab to reduce the spacing for each block in particular.
3. You can limit the number of posts shown in categories from here: https://www.screencast.com/t/PLzDmBIDq If you use a module that shows 3 posts in a row, the total number must be one that can be divided by 3

Thank you!

Hello,

Some links depend on the css from their respective plugin or implementation. Please provide a link to your site so we can inspect it.

Thank you!

Hi,

Those would be quotes, these are available in the formats drop-down when creating a post
– https://forum.tagdiv.com/post-formats-for-tinymce/
– https://demo.tagdiv.com/newspaper/blockquotes-pullquotes/

You can color the font of the text and set a background color like this
– https://www.screencast.com/t/nnEB65XyyOv

Of course you can customize the quotes further with custom CSS if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,
The request is too general. What font do you want change? where? in what size?
I will provide a few example codes for you to edit to your preference:

@media(max-width:767px){
.page .td-excerpt{
font-size:20px!important
}
.page .td-module-title, .page .block-title{
font-size:20px!important
}
.td-post-content p, .td-post-content{
font-size:20px
}} 

You can add the code in the theme panel- custom css box

Thank you!

Hi,

There are plans to provide options to allow customization of the font properties, for the text logo. At the moment there are no settings. It could only be changed with custom CSS or directly in the theme stylesheet. This would be with custom CSS
– https://forum.tagdiv.com/topic/font-for-text-logo/
– https://forum.tagdiv.com/topic/menubar-contained/
If you are having trouble with this, please provide a link to your website and mention how you want the text logo and tagline to be. We will give you a solution.

Thanks

Hello,

You can create a page in the tagdiv composer and split the row in 3: https://www.screencast.com/t/LJddKY1K

You can add content to the rows by using this guide: https://forum.tagdiv.com/tagdiv-composer-tutorial/
This guide should help with the settings: https://forum.tagdiv.com/block-settings-guide/
If you want a block without thumbs, try blocks 9 and 10.
https://demo.tagdiv.com/newspaper/block-9/
https://demo.tagdiv.com/newspaper/block-10/

You do not need a child theme as you can use the tagdiv composer to add css to any block and page.

Thank you!

Hello,

If by tracking you refer to letter spacing, then sorry but our theme does not have an option to adjust the letter spacing from the theme panel. You can do it with css though fairly simple.
https://www.w3schools.com/cssref/pr_text_letter-spacing.asp

Thank you!