Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 9, 2017 at 4:26 pm #861963
    A

    Hi,

    I have a content page and i just want a simple banner at the top of the page with two images next to it. Is there any way i can make this happen? I would like to have the images clickable so i can direct them to a page.

    Example: https://imgur.com/a/s9oMH

    Thank you in advance.

    October 10, 2017 at 6:30 am #862294
    Rikard

    Hey artiteq,

    Did you try a 3/4 + 1/4 layout to add your images in? If you should need further help on the topic then please post a link to where you want to implement this.

    Best regards,
    Rikard

    October 13, 2017 at 2:29 pm #863961
    A

    Hi Rikard,

    I tried this to see website details in the private section. But the alignment on responsive devices is really bad.
    What do i have for solution to make a banner like this?

    October 15, 2017 at 6:11 am #864424
    Rikard

    Hi,

    Thanks for the link, though I can’t see a layout on your site like the one in your screenshot? We can’t help you out only in theory, you need to provide us with something to work with at least.

    Best regards,
    Rikard

    October 16, 2017 at 9:06 am #864707
    A

    Hi Rikard,

    See the link below.

    October 17, 2017 at 6:57 am #865158
    Nikko

    Hi,

    I think you almost got it, the next step should be to enable Custom Css Class: go to Enfold > Layout Builder > check Show element options for developers and save. Go back to the page edit the 3/4 column and in Custom Css Class, put this class name: main-banner
    save the page and go to Enfold > General Styling > Quick CSS and add this css code:

    #top .main-banner {
    width: 74%;
    margin-right: 1%;
}

    Hope this helps :)

    Best regards,
    Nikko

    October 17, 2017 at 8:31 am #865182
    A

    Hi Nikko,

    Then i get this: https://imgur.com/a/PFpAE

    i only applied main-banner to the 3/4 colum and not the 1/4.

    October 18, 2017 at 5:14 pm #865833
    Victoria

    Hi artiteq,

    Try this code instead

    
#top .no_margin.av_three_fourth.avia-builder-el-0  {
  width: 74%;
  margin-right: 1%;
}

    Best regards,
    Victoria

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