Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 22, 2020 at 12:35 pm #1247596
    simus_systems

    Hi,
    we use the tab section, and we would like the text of the titles to be vertically centered, how can we do this?

    FAQ_Softwarelösungen

    e.g. “Herstellkosten kalkulieren”

    And there is a line break when I use a hyphen, see “CAD-Daten klassifizieren” but I like to set “CAD-Daten” in one row instead of two… how can we do this?

    Best regards
    Andrea

    September 22, 2020 at 5:33 pm #1247674
    Victoria

    Hey simus_systems,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
a[data-av-tab-section-title="4"] .av-inner-tab-title  {
    min-width: 170px;
}
#top .av-section-tab-title[data-av-tab-section-title="4"] {
    padding: 10px 20px 0px 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 24, 2020 at 12:33 pm #1248126
    simus_systems

    Hi Victoria,
    thanks for your answer. Your code changed the look of the 4.title, but we’d like to have them ALL vertically centrally arranged. In general. is that possible?

    best regards,
    Andrea

    September 25, 2020 at 11:36 am #1248385
    Victoria

    Hi Andrea,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    September 25, 2020 at 12:11 pm #1248404
    simus_systems
    September 26, 2020 at 11:38 am #1248629
    Victoria

    Hi simus_systems,

    Best regards,
    Victoria

    September 28, 2020 at 9:24 am #1248936
    simus_systems

    Hi Victoria, in our opinion, a centered text should look like this (See Screenshot).

    September 28, 2020 at 4:29 pm #1249077
    Victoria

    Hi simus_systems,

    The text is vertically centered relating to the grey area, not the spans that they are rendered in. Also, you were asking about vertical alignment and so I did not look at the issue like that.

    Image 2020-09-28 at 17.28.10.png

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
        text-align: center;
    }

    If you need further assistance please let us know.

    Best regards,
    Victoria

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