Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 9, 2020 at 10:56 am #1251662
    _andym

    Hi,

    Was hoping for some suggestions on how best to layout a particular request. I currently have a row that consists of a color section with x2 1/2 columns within it. First column is fine, all content is centre aligned and works. The second column consists of a 100% width ‘special heading’ and text box. This is where it gets tricky (possibly).

    I have two logos (png files) that I need to have side by side (1/2 columns in a 1/2 column) below each of these logos I need a find out more button. I have tried to ‘hack’ this together by including both logos in a single image file (png) and I’ve used a button row (x2 buttons) below which works fine on desktop but on mobile the button row goes responsive and the buttons fall under each other.

    My thought would be to add quick css which forces the button row to remain on a single line and just reduces in size (width)?

    or

    Adding custom code which would add the png as a button image within a button row? Or alternatively a gallery with the two logos with custom code that adds a default theme button with the find out more text?

    October 10, 2020 at 8:30 am #1251826
    Rikard

    Hey _andym,

    Thanks for the screenshot. Could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    October 12, 2020 at 10:53 am #1252228
    _andym

    Hi Rikard,

    Link provided below.

    Thanks!

    October 13, 2020 at 9:14 am #1252478
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1380px) {
.page-id-5571 .avia-builder-el-11 .avia-button.avia-size-medium {
    padding: 13px 20px 12px;
}
}

    If you need more specific CSS then please try assigning a class to the right column in the element options.

    Best regards,
    Rikard

    October 19, 2020 at 12:49 pm #1253941
    _andym

    Hi Rikard,

    Thanks for coming back to me with a possible solution. This works to a point but isn’t quite what I was hoping for. I’ve decided to run with linked images just. No need for the buttons under the logos. I’m guessing I could use the Partner Logo block to achieve this. It seems to work ok for me. However, if you have an alternative or better option for me do let me know.

    Otherwise, I’m happy if you want to close this request. Thanks for your help and effort on this.

    .a

    October 19, 2020 at 11:06 pm #1254170
    Jordan Shannon

    Hi,

    Should you need additional help with anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Columns within column???’ is closed to new replies.