Search Results for 'css'

Hi,

For the module size please try the excerpt length https://www.screencast.com/t/1vF6aPS9wU
For border radius you’ll need to set some custom css, if you want to do this ( img ) you can use this custom css
.td_module_flex_1 .td-module-container {
border-radius: 0 0 5px 5px;
}

Thank you.

Hi,

If you want to change the font for these sections, you need to use some custom CSS code for that. Use the inspector browser, target the elements you want and then, apply the font-family you want. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

To display ads there you would have to edit the smart list template files and insert the ads there by some means
– https://www.screencast.com/t/oexM1f1HM8Wv
But then the ads will appear everywhere the respective smart list style is displayed, so a condition would have to be wrapped around the ad code to make the ads display only in the homepage
– https://codex.wordpress.org/Function_Reference/is_front_page
This would be a somewhat similar topic – https://forum.tagdiv.com/topic/want-to-show-extra-content-starting-from-page-two-of-smart-list/

That CSS code will apply on the whole website as it is now. To make it apply only in the homepage use it like this

.home span.td-smart-list-button.td-smart-back.td-smart-disable,
.home a.td-smart-list-button.td-smart-next {
display: none;
}

Or like this, more simplified

.home .td-smart-list-pagination {
display: none;
}

Hi,

If you want to change the default code, simply change it from here: https://www.screencast.com/t/dSQWRdllqhQ
This will not affect the posts that have the font hard-coded in the post content as html. In those cases you have to edit each post in particular and remove the css from the post content in text/html mode.

Thank you!

Hi,

Every page has a 48px top margin which can be removed using the composer row css tab. Use the css box model to add a negative top margin like so: https://www.screencast.com/t/Yj6Yxe0BmqCI

Thank you!

Hi,

From what I can see you are using the default WordPress blog page, with module 15 to display the posts. Module 15 will show the whole post content.

Some smart list templates can display ads – https://www.screencast.com/t/ulEiXrsix
For example styles 6 and 7 display the ad like this
– https://demo.tagdiv.com/newspaper/whitewater-rafting-day-trip-new-york-east/
– https://demo.tagdiv.com/newspaper/10-landscapes-wont-even-imagined-exist/

But there are no ad spots above and below the smart list pagination. The website you are referring to seems to use a plugin slider
– https://www.screencast.com/t/0F4C0EQV2ki
Maybe that has options to display ads like that.

The pagination you are referring to is the smart list pagination. Module 15 you use for the blog page displays all the post content in the homepage
– https://www.screencast.com/t/de5Ys1Xy
So if there are smart lists in the post, they will appear in the homepage, since the whole post content appears. But I see you removed it with CSS at the moment.

Thanks

Hi,

The post templates cannot be removed from there by a setting. You could try some CSS like this
– https://www.screencast.com/t/r7aUJi0RH
It will target the default post template “Single template”, enter it in the Gutenberg stylesheet here
– https://www.screencast.com/t/mAYyjvv1vDn
Then force refresh the post edit page a few times, it should work.

.td-post-option-general .td-small-wrapper-o a[title$="Single template"] {
display: none;
}

Thanks

Hi,

That is possible with some CSS, something like this fro example http://prntscr.com/lyy5sl

Here is the code used in the example

.td-more-articles-box {
right:auto;
left:-384px;
}
.td-front-end-display-block {
left: 0;
}

Merry Christmas to you as well, all the best wishes.

Thanks

Hi,

I have inspected your website and I saw that you have added that border from CSS box when you edit the block with TD Composer, as you can see here -> https://www.screencast.com/t/uOPZqXOuE Check the section from here -> https://www.screencast.com/t/uaxOBgxSW

Thanks.

Hi,

I have tested the website on both Android and iOS, looks fine at the moment
Android – https://www.screencast.com/t/PD8AMGqHX
iOS – https://www.screencast.com/t/xdCuDQ5HAAX

Maybe on devices using older or very old Safari versions there could be some design issues regarding the flex blocks, they may not support certain CSS elements used by the flex blocks.

Thanks

Hi,

Seems that for some reason sometimes the header height is enlarged to almost eight times the default value of the header height 80px
– https://www.screencast.com/t/FRUuDBvqWF
I did not see something like this before. The value set in the theme is 80px
– https://www.screencast.com/t/JIZofu9la7
For me it happened once after trying for 5 minutes.I nspected it and there is nothing there in the empty space, only the header having a wrong inline height value.

Could be caused by CSS minification maybe, or by the Cloudflare rocket loader. If you run something like this, try to temporarily disable them, clear all caching and check again.

Hi,

Did you have disabled from Theme panel from here -> https://www.screencast.com/t/EvONOgrFL? You should activate this option and then, using a bit of CSS code, you can turn off for desktop and turn on only for mobile devices, using the @media queries.

Thanks.

Hi,

If you want to add some shadow effect to your section, you should use the Inspector browser to target your desired section and then, apply the code from here -> https://www.w3schools.com/css/css3_shadows.asp

Thanks for the message!

Hi,

I would suggest as a first step to deactivate all plugins if possible, leave only theme plugins active. Then test the same posts with the AMP validator
– https://validator.ampproject.org/
Start with this one for example – https://www.screencast.com/t/anC8fPVMTJq That one loads quite some CSS.

The stylesheet of our AMP plugin is not larger than the limit, but some plugins may trigger this error ( I’ve seen similar cases before).

Thanks

Hello vasik,

If you are using the iOS Slider, you should use the code below and place it in Theme panel -> Custom CSS Ara.

.td_block_slide .slide-meta {
display:none;
}

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

Thanks for the message!