Site loses its responsiveness

Hi @tom323 ,

looks like the spacing in your theme causes the box to be wider than the content area.

You can easily edit the CSS yourself and adjust the values for the spacing. See the example https://gitlab.com/webwirtschaft/structured-content/issues/31

Or simply assign your own CSS class in lightboxmodal and design the box as you like.

Greetings, Gordon

Ok thanks! But changing the font size or weight only reduces the h title size, not reducing the box actually.

I am looking to reduce the box size and make it responsive

• This reply was modified 5 years, 1 month ago by Tom.

Hi @tom323 ,

yes, because this was just an example. If you want to edit other things then go about it the way it was described:

– first use the code inspector of your browser and have a look at the existing CSS rules for the content element.
– just copy the existing CSS rules into your own, new CSS class, modify the values and save the CSS file

The box got the CSS class ‘.sc_card’.

.sc_card {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);
    box-shadow: 0 2px 2px 0 
rgba(0,0,0,.16),0 0 0 1px
rgba(0,0,0,.08);
border-radius: 4px;
background:
    #fff;
    margin: 2em auto;
    width: 100%;
    overflow: hidden;
    padding: 1em;
}

So you need to change the value for for ‘width’.

Greetings, Gordon