Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 13, 2016 at 2:45 pm #660436
    envapk2

    Hi
    Is it possible to apply a link to a whole custom background image in a Color Section?

    many thanks

    Peter

    July 13, 2016 at 2:59 pm #660446
    Yigit

    Hi envapk2!

    You can refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ to make your color section fullwidth and insert linked image inside your color section :)

    Cheers!
    Yigit

    July 13, 2016 at 3:05 pm #660451
    envapk2

    Hi Yigit

    Yes, I thought of that, but I want to be able to place elements, eg columns with text box, etc, over the top of the background image but still have the whole image (the whole section) as a link.

    many thanks

    Peter

    July 15, 2016 at 2:56 pm #661325
    Yigit

    Hi,

    Will you be changing the link or is it a one time thing only?
    If you will not be changing the link, we might be able to provide you a workaround with some custom coding.

    Best regards,
    Yigit

    July 15, 2016 at 5:47 pm #661447
    envapk2

    Hi Yigit

    What I want to do is have various color sections on one page with different background images on each section linking to different pages.

    many thanks

    Peter

    July 17, 2016 at 12:49 pm #661733
    Rikard

    Hi Peter,

    You could try to place code block elements before and after the element in question, like so:

    Code block: 

    <a href="http://yoursite.com/link">

    Color Section

    Code block: 

    </a>

    Thanks,
    Rikard

    July 18, 2016 at 7:43 pm #662230
    envapk2

    HI Rikard

    That kind of works, it makes the section a link but the code block creates a gap even when the color sections have ‘no padding’ checked, as you can see in the eg below

    many thanks

    Peter

    July 18, 2016 at 8:06 pm #662242
    Yigit

    Hey!

    Please edit your page and place 1/1 column element between your sections, update your page, remove 1/1 column element and update your page once again and check if that helps.

    Cheers!
    Yigit

    July 18, 2016 at 8:18 pm #662249
    envapk2

    Hi Yigit

    I have tried that but it hasn’t made any difference.

    Peter

    July 19, 2016 at 1:07 pm #662451
    Rikard

    Hi,

    Try this CSS as well:

    .page-id-219 #after_section_1, .page-id-219 #after_section_2 {
display:none;
}

    Thanks,
    Rikard

    July 19, 2016 at 2:12 pm #662495
    envapk2

    Hi Rikard

    That works (it needed an ‘!important’ added). That is brilliant, great support as ever. Much appreciated.

    many thanks

    Peter

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Background image link’ is closed to new replies.