Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 14, 2023 at 10:55 pm #1407382
    schweg33

    hello all
    I have the following question
    the footer has background images
    for example
    points-for-dark-background-compressed.png
    can these also be used as background in the colour section of a normal page?
    for example on the page link below:

    possibly per css per page number

    thanks in advance
    kind regards
    Frauz

    May 15, 2023 at 4:18 am #1407409
    Ismael

    Hey schweg33,

    Thank you for the inquiry.

    You can select the patterns as overlay in the color section’s Styling editor. However, if you want to apply it as a background, you will need to use CSS. You can add a custom CSS code in the Quick CSS field to set the pattern as a background.

    Example:

    .avia-section {
    background-image: url(https://site.com/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png);
    background-repeat: repeat;
}

    You may need to apply a custom css class name or ID to the color section.

    // https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    May 15, 2023 at 8:00 am #1407419
    schweg33

    hello ismael
    thanks for the feedback
    I have added this code to the Quick CSS
    See private content
    but nothing happens on this page

    thanks
    kind regards
    Franz

    May 16, 2023 at 5:39 am #1407505
    Nikko

    Hi Franz,

    I have fixed it on your site, I have added !important to Ismael’s code and also fixed the image URL (private content).
    Please review yours site.

    Best regards,
    Nikko

    May 16, 2023 at 7:35 am #1407513
    schweg33

    Thank you Nikko
    for this CSS part
    works great

    One more question
    when I create my own background image.
    what size would it have to be

    thanks in advance

    kind regards
    Franz

    May 16, 2023 at 8:24 am #1407522
    Nikko

    Hi Franz,

    According to https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide 1920 × 1080px is the most common monitor size that people are using, so I think you can start with that.
    It will still depend on your target audience which screen resolution they are using but if you don’t have any idea then I think we can use the stats on link I gave as a point of reference. I hope you find it helpful.

    Best regards,
    Nikko

    May 16, 2023 at 9:09 am #1407527
    schweg33

    Thank you Nikko
    that fits also super so
    now one last question

    is it also possible to show the hint reasons per page?

    for example for the pages with the number
    7557
    12259 and
    2959

    thanks in advance
    kind regards
    Franz

    May 16, 2023 at 12:18 pm #1407575
    Nikko

    Hi Franz,

    I’m not sure what you mean with “show the hint reasons per page”, can you give us more context? or if you can give some visuals or screenshots, so we can further understand what you’re trying to achieve.

    Best regards,
    Nikko

    May 16, 2023 at 1:14 pm #1407595
    schweg33

    Sorry Nikko
    I have expressed myself incorrectly
    I mean this css code below:

    can also create the background per page
    for example on the page
    page nr. 12259
    and
    page nr. 7557
    and
    page nr. 2959

    if this is possible
    thank you
    kind regards Franz

    May 16, 2023 at 1:28 pm #1407601
    Nikko

    Hi Franz,

    I see, please add this CSS code and just change the background images’ url.

    #top.page-id-12259 .avia-section {
  background-image: url(https://dorfgeschichte.li/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png) !important;
}

#top.page-id-7557 .avia-section {
  background-image: url(https://dorfgeschichte.li/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png) !important;
}

#top.page-id-2959 .avia-section {
  background-image: url(https://dorfgeschichte.li/wp-content/themes/enfold/images/background-images/dots-for-dark-background-compressed.png) !important;
}

    Best regards,
    Nikko

    May 16, 2023 at 1:51 pm #1407607
    schweg33

    hello Nikko
    thank you so it fits super
    but I can also specify several pages
    for example so: example below

    kind regards
    Franz

    May 16, 2023 at 1:56 pm #1407612
    Nikko

    Hi Franz,

    Yes, that’s correct as well and more efficient if you are using same background image for these pages :)

    Best regards,
    Nikko

    May 16, 2023 at 4:12 pm #1407635
    schweg33

    Thanks a lot
    Nikko
    for your help
    then you can close this ticket

    kind regards
    Franz

    May 16, 2023 at 9:33 pm #1407664
    Nikko

    Hi Franz,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘background images per page’ is closed to new replies.