Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 31, 2022 at 11:22 pm #1353633
    jenjo88

    I want to resize the layout element Tab Section so that it is not full width. (I’m not talking about the content element Tabs.)

    I want it to be the width of a 3/4 column (and to the right of a left sidebar).

    I know I can’t put a Tab Section inside a column (that would be nice), but how can I modify the css to make the Tab Section narrower?

    June 1, 2022 at 4:58 am #1353659
    Ismael

    Hey jenjo88,

    Thank you for the inquiry.

    This should be possible with a simple css but we will have to inspect the page or element first. Please apply a custom css class name or ID to the tab section element (documentation below), and post the site URL in the private field.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    June 1, 2022 at 4:58 am #1353660
    Ismael

    Hey jenjo88,

    Thank you for the inquiry.

    This should be possible with a simple css but we will have to inspect the page or element first. Please apply a custom css class name or ID to the tab section element (documentation below), and post the site URL in the private field.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    June 3, 2022 at 12:13 am #1353973
    jenjo88

    Scroll to the bottom of the page and see the full-width Tab Section — id #my-tabs. I want that to be 3/4 width, as the column above. Thanks.

    June 4, 2022 at 2:14 am #1354083
    Ismael

    Hi,

    Thank you for the info.

    You can use this css code to adjust the width of the tab section and align it to the right of the main content container.

    .responsive #top #my-tabs {
    width: 73.5%;
    float: right;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

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