Quotes Size

[Brainfire]

Hi there Apex Forum

I want to place 3 Quotes side by side, which is no problem in a row with 3 colums. But when resizing the Browser, the 3 quotes are getting so narrow until they snap to 100% width. Too narrow to read without headache… How can I set the width of each quote to AUTO with holding a minimum size of 350 PX? I need a Flexbox but there is no Flexbox in the quotes…

http://brainfire.ch.kosmos.ch-meta.net/agentur/

Thanks for help
Patric

[ruenel]

Hello Patrick,

Thanks for writing in!

You cannot set a minimum width of 350 pixels to each of the quotes since it is enclosed inside a column.
To resolve your issue, please edit the page back in Cornerstone and do the following:

• Click the section of your quotes and find the “Customize” tab.
• Insert a custom my-quotes ID in the ID field
• And insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 1200px){
  #my-quotes .x-column {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }

  #my-quotes .x-column .x-quote {
      width: 100%;
      max-width: 98% !important;
  }
}

Hope this helps.

[Brainfire]

Hi RueNel

Just Just Great!!! Many many thanks, that helped a wonder, I am very happy with that! Greats, Patric

[jade]

You’re most welcome, Patric.