Search Results for 'css'

OK, found the problem, and need your help to fix it.

We use SiteGround for hosting. They have a plugin, the SG Optimizer, that hooks your site to their server-based caching, AND does a number of other things to speed up the site. Through the process of elimination, I found it was this setting that caused the problem:

SG Optimizer -> Frontend Optimization -> Defer Render-blocking JS (turned ON)

The setting allows for excluding scripts from being deferred. Which tagdiv script contains the code for the gallery? The drop-down list contains the following:

js_files_for_front
js_files_vue_modals
js_files_vue_modals_last
js_posts_autoload
js_files_for_live_css
js_files_for_plugin_live_css
ace.js
ext-language_tools
ext-searchbox
tagdiv_theme

yeah u can look it here:

https://babaulamdep.com/top-cac-loai-nuoc-hoa-hong-cho-da-kho/

P/S: i have a next question.
i’m using custom css code, from tagdiv gave me to display scroll to top button, i want it have transparent color, pls help me a code. thank you

• This reply was modified 6 years by babaulamdep.
• This reply was modified 6 years by babaulamdep.
• This reply was modified 6 years by babaulamdep.
• This reply was modified 6 years by babaulamdep.

I managed to fix it using css and margins with a minus, like minus -35.
Setting the block to INLINE.
Can’t get into the front page editor anymore though, opened new thread.

• This reply was modified 6 years by jfox20.

Thanks Vlad. Is there any way to accomplish this with CSS? Perhaps I can set a minimum width for the element so that when it goes under that width it will be hidden?

Thx I will try with flex grid or Boostrap (import)

But this is what i use now and i want it clean with css classes.
<div class=”vc_row tdi_128_f59 row_bannnerFixer wpb_row td-pb-row”><style scoped=””>/* custom css */ .tdi_128_f59{ min-height: 0; }.tdi_128_f59, .tdi_128_f59 .tdc-columns{ display: block; }.tdi_128_f59 .tdc-columns{ width: 100%; }</style><div class=”vc_column tdi_130_064 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_130_064{ vertical-align: baseline; }.tdi_130_064 .wpb_wrapper, .tdi_130_064 .wpb_wrapper .tdc-elements{ display: block; }.tdi_130_064 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_130_064 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”verso” class=”wpb_single_image wpb_content_element vc_align_center”> <figure class=”wpb_wrapper vc_figure”> </figure></div></div></div><div class=”vc_column tdi_132_231 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_132_231{ vertical-align: baseline; }.tdi_132_231 .wpb_wrapper, .tdi_132_231 .wpb_wrapper .tdc-elements{ display: block; }.tdi_132_231 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_132_231 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”prospectus” class=”wpb_single_image wpb_content_element vc_align_left prospectus”> <figure class=”wpb_wrapper vc_figure”> </figure></div></div></div><div class=”vc_column tdi_134_aaf wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_134_aaf{ vertical-align: baseline; }.tdi_134_aaf .wpb_wrapper, .tdi_134_aaf .wpb_wrapper .tdc-elements{ display: block; }.tdi_134_aaf .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_134_aaf .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”dahua” class=”wpb_single_image wpb_content_element vc_align_left”> <figure class=”wpb_wrapper vc_figure”> </figure></div></div></div><div class=”vc_column tdi_136_2ca wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_136_2ca{ vertical-align: baseline; }.tdi_136_2ca .wpb_wrapper, .tdi_136_2ca .wpb_wrapper .tdc-elements{ display: block; }.tdi_136_2ca .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_136_2ca .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”forset” class=”wpb_single_image wpb_content_element vc_align_center”> <figure class=”wpb_wrapper vc_figure”> </figure></div></div></div><div class=”vc_column tdi_138_902 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_138_902{ vertical-align: baseline; }.tdi_138_902 .wpb_wrapper, .tdi_138_902 .wpb_wrapper .tdc-elements{ display: block; }.tdi_138_902 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_138_902 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”janaf” class=”wpb_single_image wpb_content_element vc_align_right”> <figure class=”wpb_wrapper vc_figure”> </figure></div></div></div><div class=”vc_column tdi_140_8af wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_140_8af{ vertical-align: baseline; }.tdi_140_8af .wpb_wrapper, .tdi_140_8af .wpb_wrapper .tdc-elements{ display: block; }.tdi_140_8af .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_140_8af .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”></div></div></div>

• This reply was modified 6 years by SvijetS.

Hi just checked, there is no option from Widget area. So what to do? That custom css option – where to put that code?

I think general option could change other widget styles in future too. So we chose Custom CSS. But problem is there is no Custom CSS option. Please help.

The widget shows only this options: https://snipboard.io/SwnNQH.jpg
https://snipboard.io/4ZYwgz.jpg

Thank you Calin. I had already tried what you suggest, but thumbs were still always cropped, less or more.

I found a solution though for images whithin flex blocs. In case someone has the same problem, just add this to your CSS:

.td-thumb-css {
background-size: contain!important;
background-repeat: no-repeat!important;
}

But I still have the problem with the images which are not within flex blocs (for example in “related articles” or “more stories”)
I installed the plugin “Simple Image Sizes”, set all thumbs to “not crop” and regenerated all images but this still does not change anything.

Could you tell me what can be done?
Thanks!

Hi,

I have actually managed to resolve this from CSS

It appears that on posts, a margin suddenly appears that isn’t on the other pages.

Thank you!