Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 7, 2019 at 12:52 am #1087867
    wealthyone

    Refering to this code given here

    https://kriesi.at/support/topic/enfold-buttons-next-to-each-other-within-same-columns/

    Which works great, is there a way to make it for for one page only, so then the rest of the site would perform as normal.

    And is this possible with images. (If I were to use small images as buttons.
    Currently I only see a way to put 5 across the page.
    This is so I can have a list of Catergories to pick from on a page

    Thanks

    April 7, 2019 at 11:31 am #1087959
    Victoria

    Hey wealthyone,

    Could you please give us a link to your website, we need more context to be able to help you.

    You can use the page-id class to limit the code to work just on the page that you need.

    Best regards,
    Victoria

    April 7, 2019 at 12:10 pm #1087967
    wealthyone

    Sorry I dont have a link as it is on a desktop dev platform

    Yes I suspected I would use a page ( or 2 pages ) ID to limit it, but what would be added to the code listed above to limit this??

    April 8, 2019 at 9:32 am #1088192
    Rikard

    Hi,

    You can find the page ID class in the body tag if you inspect the page in question in your browser. The code would the look something like this:

    .page-id-123 .avia-button-center {
   display: inline;
   padding: 0 5px;
}

    Best regards,
    Rikard

    April 8, 2019 at 9:56 am #1088211
    wealthyone

    Thanks Rikard
    I will definitely try this..

    Appreciate your answer in your first msg to me

    And it worked perfectly.

    • This reply was modified 5 years ago by wealthyone.
    April 8, 2019 at 3:36 pm #1088336
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, 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 ‘Lining up Buttons’ is closed to new replies.