Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 27, 2021 at 4:51 pm #1275831
    JKnoblach

    Ich habe als Header auf einer Seite die Farbsektion mit der Einstellung „Mindestens 50% der Browser-Fensterhöhe“. Ich habe nun einen Inline SVG-Code als Code-Block eingefügt. Wenn ich keine Angaben zu Breite und Höhe mache, wird das SVG komplett über den gesamten Bildschirm angezeigt, ohne Rücksicht auf die 50%. Wie kann ich der SVG-Grafik mitgeben, dass diese ZWINGEND die 50% einhält und die Grafik z. B. in der Höhe vollständig in die 50% Browser-Fensterhöhe einpasst?

    January 29, 2021 at 5:06 am #1276227
    Rikard

    Hi JKnoblach,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    January 31, 2021 at 6:55 pm #1276603
    JKnoblach
    This reply has been marked as private.
    February 5, 2021 at 3:01 pm #1278040
    Ismael

    Hi,

    Thank you for the info.

    Have you tried applying a height limit to the color section containing the svg image? The svg image should inherit the height of its parent container, so this should work. 

    .page-id-7062 #av_section_1 {
	max-height: 50vh;
}

    To avoid using generic selectors such as the one above (#av_section_1), you could apply a unique custom css class name or ID to the color section element from its Advanced > Developer Settings panel.

    Best regards,
    Ismael

    February 5, 2021 at 4:46 pm #1278075
    JKnoblach

    Hi Ismael,
    the color section works with 50% now, but the SVG doesn’t fit into the color section. It’s still 100% about the hole display.

    February 8, 2021 at 5:56 am #1278536
    Ismael

    Hi,

    Thank you for the update.

    Would you mind providing access to the dashboard or to the page so that we could check the svg code properly? Please post the login details in the private field.

    Best regards,
    Ismael

    February 8, 2021 at 10:32 am #1278590
    JKnoblach

    I almost got it worked with the svg, but it is a little bit below the color section line.

    February 9, 2021 at 12:14 pm #1279023
    Ismael

    Hi,

    Thank you for the update.

    You should be able to use this css code to pull the svg image upwards and make sure that it is within the color section.

    .page-id-7784 #av_section_1 svg {
	margin-top: -75px;
}

    Best regards,
    Ismael

    February 9, 2021 at 3:32 pm #1279121
    JKnoblach

    Thank you so much. It works perfect! You can close this thread.

    February 9, 2021 at 8:50 pm #1279227
    Victoria

    Hi JKnoblach,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘SVG Code in Farbsektion vollständig anzeigen’ is closed to new replies.