Search Results for 'css'

Hi,

We will reply as soon as possible.

1. There is no setting crated specially for changing the font properties for the smart list 6. If you just want to change the font size I could create a CSS code for it.
For example – https://prnt.sc/udf08q

.td_smart_list_6 .td-sml-description li{
font-size: 20px;
}

2. The recent posts widgets is not a block we provide, it is provided by WordPress. So it cannot use the agitation we have created for our blocks, like the next/prev pagination.

3. Plaese check here – https://prnt.sc/udf39i Clock on default there and save. Then check if the email address uses the theme accent color.

4. I could remove it with some CSS, the option is not per desktop/mobile, it is general.
Try this code, it will remove the more articles box on mobile

@media (max-width: 767px) {
.td-more-articles-box {
display: none;
}}

5. I have no suggestion unfortunately, I have not tried such plugins. Try some of these for example https://winningwp.com/best-related-post-plugins-for-wordpress/

For mobile speed we recommend to use the mobile plugin https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/ Which can be used with AMP as well, like this https://tagdiv.com/blazing-fast-websites-how-to-optimize-amp-with-newsmag-theme/

The super cache should be set like this https://tagdiv.com/wp-super-cache-plugin-install-and-configure/
You can also try the autoptimize plugin, that should speed up the website as well.

Thank you!

Hi,

That is the page top padding. There are a few ways to remove it. One would be to enter this code in the theme panel custom CSS section

.home .td-main-page-wrap {
padding-top: 0;
}

The result should be like this https://prnt.sc/ud11ah Please try it.

Thank you!

Hi,

That is not possible, the excerpt length will be the same for all devices. Not all the settings in the composer can be set per device. The except will be the same at all times. You can show/hide it per device https://prnt.sc/ucxgvx maybe that is useful for what you would like to do.
There could be a CSS solution for this however, I could try and create a code for it. Please provide a link to the website, and mention for which elements you would like to do this.

Thank you!

Hi,

That is not possible with a setting, the thumbnail will always direct to the post page by default, that cannot be disabled.

It could be done with some CSS, do you want this for the whole website, meaning all the modules everywhere? Or just for a specific page, block, grid, module etc. Let me know, also please provide a link to the website.

Thank you!

Hi,

That seems to be the same, there is a margin there.
After switching to the tablet viewports https://prnt.sc/ucurn8 click on any element from the header, like the menu for example https://prnt.sc/ucush2 then click on the zone. Check in the zone settings in the CSS tab if there is a margin bottom there. Do the same for both tablet viewports.

If there is a problem, I will take a closer look at it. You can send us an email at contact@tagdiv.com and provide admin login. Include a link to this topic in the email. Let me know.

Thank you!

Hello !

For 1. Please send us a screenshot of where you are inserting the CSS Code, as you can see here, the codes work: https://www.screencast.com/t/gOZZBfT9Pze

2. The newsletter element is inserted in a separate ROW and the ROW width is set either to default or stretch row: https://www.screencast.com/t/JF5xpMBAwpvx After you have set up the ROW size you can go into the CSS Tab and set a background for it: https://www.screencast.com/t/6yC69rblwl5t Then you can insert the newsletter element in that specific ROW.

For the mobile theme layout you can only choose to have only one category displayed, you cannot show 3 posts from 3 separate categories for example. All the mobile theme settings can be found in here: https://www.screencast.com/t/Sl772VcQ

You can set the Latest articles section to 0 posts and extend the number of posts in grids in order to have the look you want.

Thank you !

Hi,

Are you using the mobile theme? There is a setting specially created to enable/disable the sign in / join https://prnt.sc/ucsr5r

If you are not using the mobile theme, the general option should work https://prnt.sc/ucss8r

Is there a problem with these settings when you use them? There would be no need to use CSS if there are settings for it.

Thank you!

Hello !

For the date add this css too: .td-post-date {
display:none;
}

Thank you !

Hi,

While editing the header template in the composer, please select the mobile header in the header manager https://prnt.sc/ubfx3k

The mobile header zone settings will appear on the left, in the CSS tab check if there is a margin bottom of 35px set there https://prnt.sc/ubfy5i
If there is, remove it.

Let me know.

Thank you!

Hello !

Please use this css code: .td_block_social_counter .td_social_facebook {
margin-left: 16%;
}
.td_block_social_counter .td_social_twitter {
margin-right: 16%;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

Hello !

Please send us a screenshot of where you are inserting the CSS Code, as you can see here, the codes work: https://www.screencast.com/t/gOZZBfT9Pze

For the mobile theme. Unfortunately in terms of customization, there isn’t much. Almost everything is done through CSS, We can help you as long as we keep it to small codes, like doing small adjustments.

1. The homepage of Mobile theme will be composed only by the latest articles and the grid that can be found in Theme Panel – Mobile theme.

2. That can be done from here: https://www.screencast.com/t/z7wLpcUP2

3. Only through CSS, let us know what you are looking to achieve and we will see what can be done.

4. Please try this css and let us know: .td-post-title .entry-title{
color: #00239C;
}
.td-post-content p {
color: #444444;
}
.td-post-content blockquote p {
color: #5F4B8B;
}
.td-post-content h1,
.td-post-content h2,
.td-post-content h3,
.td-post-content h4,
.td-post-content h5,
.td-post-content h6 {
color: #F95700
}


The code must be inserted here: https://www.screencast.com/t/VztIzpaqKDn

Let us know the results.

Thank you !

Hi,

Those are simple CSS codes, they cannot cause problems such as 404 errors for your posts. That is impossible. For that you could try and re-save the permalinks in the WordPress settings, if it still happens https://prnt.sc/ubae6c

The codes will work fine, and they will do what you want, both of them. You are adding them correctly in the theme panel, and there are no other steps to take.

Thank you!

Hi,

It depends on what exactly you are changing in the theme panel. Pro demos are entirely built with the composer, most theme panel settings will have no effect on the elements that are displayed, the customization has to be done in the composer.

Please mention what you would like to change and we will help. Also provide an example of the custom CSS you are using. A link to the website will be helpful as well.

Thank you!

Hello !

Please make sure that you don’t have any custom css codes that may affect that. Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

Thank you !