Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 9, 2019 at 7:06 pm #1088828
    Michaela

    Hi,
    by default the colour section is full width and the content in the section has the width of the container below. In other threads I found a code to reduce the width by a percentage. I am looking for a possibility to give the colour section the same width as the content container. How can I manage this?

    Thanks a lot in advance

    Best regards
    Michaela

    April 9, 2019 at 8:39 pm #1088871
    Victoria

    Hey HBWP,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 12, 2019 at 6:35 am #1089880
    Michaela

    Hi Victoria,

    see the link below

    Thanks a lot and best regards
    Michaela

    April 13, 2019 at 4:27 am #1090247
    Rikard

    Hi Michaela,

    Thanks for that. If you are looking to have your sections inside the container width, then wouldn’t it be better to use a 1/1 element?

    Best regards,
    Rikard

    April 13, 2019 at 10:31 am #1090330
    Michaela

    Hi Rikard,

    unfortunately that is no solution. I want to use:

    – a coloured brackground of the colour section
    – above that 1/3 cropped images and 2/3 special headline.

    In total that makes a “header image” with my h1. Instead of a real image the headline is really h1 text, so better for SEO and not on the image. In addition the header is “responsive”: On small devices image and h1 are beneath and not next to each other.

    If I don’t use the colour section, but only the 1/3 image and 2/3 headline, there wouldn’t be a background colour.

    PS: Currently the images in the headers are placholders and not yet cropped.

    Thanks in advance for your help

    Best regards
    Michaela

    April 14, 2019 at 6:49 am #1090505
    Rikard

    Hi Michaela,

    Thanks for the clarification, I’m still not sure I understand, but if you want to target the container for a specific section then you can try something like this in Quick CSS:

    #section-width .container {
  width:800px;
  max-width:800px;
}

    This example would target your first section on the page you linked to.

    Best regards,
    Rikard

    April 14, 2019 at 10:11 am #1090554
    Michaela

    Hi Rikard,

    unfortunately you misunderstood me. I don’t want to reduce the width of the content on the colour section but the background colour of the section (so on my site the turquis background colour). This background colour should get the same width as the rest of the content on the pages. Your code reduced the width on the image and text on the background, but that was already as I want to have it.

    By removing “.container” form your code the width of the background was reduced. But then the whole colour section is left oriented and not centred as the rest of content.

    Best regards
    Michaela

    April 14, 2019 at 11:21 am #1090575
    Victoria

    Hi Michaela,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    April 14, 2019 at 11:48 am #1090589
    Michaela
    This reply has been marked as private.
    April 14, 2019 at 4:19 pm #1090654
    Victoria

    Hi Michaela,

    We cannot see the screenshot, can you please upload it to a service like Dropbox and give us the link here?

    Best regards,
    Victoria

    April 14, 2019 at 5:20 pm #1090671
    Michaela
    This reply has been marked as private.
    April 15, 2019 at 6:19 am #1090842
    Rikard

    Hi Michaela,

    Thanks for that, as far as I can see that is not possible by just using CSS. I would suggest that you use a 1/1 element, then activate debug mode in order to see builder shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode. You can then nest the 1/3 and 2/3 into the 1/1 shortcode.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.