Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 24, 2023 at 2:03 pm #1408415
    MyWin

    Hey there,
    I would like to do a tab section with icons and in the content section an image and text. I already managed this.
    Please look at PM for the link to see it online

    I would like to do the following, but I don’t know how to:
    1) The background of the content section should be white.
    2) The Arrow on top (pointing on the active tab) should be there as well (color white)
    3) The Tab Titles with Icons should be aligned in the middle of the page.

    Any help would be much appreciated!
    Thanks a lot

    May 28, 2023 at 6:13 pm #1408883
    Mike

    Hey MyWin,
    Thanks for your patience I was not able to login but I can still help, to have the background color of the tab section white try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .main_color .tabcontainer .tab_content {
	background-color: #fff;
}

    It looks like you are using the Tabs element which doesn’t have a arrow option to point to the tabs, try using the Tab Section element
    To center the tab titles try this css:

    #top .tabcontainer .tab_titles {
	display: flex;
    justify-content: center;
}

    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results for the two css rules above.

    Best regards,
    Mike

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