Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 2, 2018 at 10:05 pm #992998
    Midtgaard

    I can see that it’s possible to make a tab section with images In the Enfold theme. After looking all the possible option over in the theme without finding it, I now seek your help. WHERE CAN THE TAB SECTION WITH PICTURES BELOW BE FOUND?

    – Can I add my own images?

    • This topic was modified 6 years, 3 months ago by Midtgaard. Reason: Additional question added
    August 2, 2018 at 10:52 pm #993026
    Jordan Shannon

    Hey Thomas,

    You have to try and add the image via css. Utilizing for example the following:

    .main_color .tabcontainer div[data-fake-id="#tab-id-1"] {
    background: red !important;
}

.main_color .tabcontainer div[data-fake-id="#tab-id-2"] {
    background: blue !important;
}

.main_color .tabcontainer div[data-fake-id="#tab-id-3"] {
    background: gray !important;
}

    Best regards,
    Jordan Shannon

    August 3, 2018 at 1:09 pm #993237
    Midtgaard

    Alright, not quite sure what this does but I’ll try.

    I can see from the tab section in the Avia builder that it’s only possible to have the tabs appear on top, left and right – and not bottom. How do I get them to feature the tabs below my content?

    August 3, 2018 at 1:46 pm #993264
    Midtgaard

    In continuation, what I attempt to create is the tab section that is featured below the content. The tab-buttons will be logos and the content will then be the different quotes from the companies.

    August 6, 2018 at 5:55 pm #994013
    Dude

    Hi,

    You can add images to tabs without any additional css code. Just add a “Tab section” to a page. Then hover over the “Tab section” title of the element and select the right icon (“Edit tab section”). Then select “Display Tabs below content” in the popup (screenshot: http://s3.amazonaws.com/feather-files-aviary-prod-us-east-1/5c5f873d5/2018-08-06/7c7bd9d87c8c488c9f4816424280b811.png ). Save the settings.

    Then click on a tab, i.e. “Tab 1” and another popup will open. At the very bottom you’ll find an option called “Tab Symbol” – there you can select an image or icon. If you select “image” some new options will fade in, including a “Insert image” button which enables you to upload or select an existing image from the media gallery (screenshot: http://www.clipular.com/c/5175036126953472.png?k=66XRvfvFvFM4cSFNb3uMIZY8w4U ). You can repeat this for every tab and set different icons or images for each tab.

    Best regards,
    Dude

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