Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 11, 2021 at 2:06 am #1305145
    aussiedropbear

    Hi,

    I have decided to go with a tab section on the home page that is split between two sections for ‘Solutions’ and ‘Services’.
    I have figured out through the forum on how to increase the font headings which has worked well.

    
/*----------------------------------------
// CSS -  Tab Section Font sizing
//--------------------------------------*/
.av-inner-tab-title {
    font-size: 19px;
}

    The issue I have now is that in each of the tab sections the headings are not center aligned. Is there a css code or a setting that can make this so?

    I also notice that when viewing in mobile, say for ‘Solutions’, that the ‘security alarm monitoring’ is having its ‘g’ cut-off. It would be nice to ensure that the text here is always within the frame. I have captured an image in pc so you can view.

    Thanks
    John

    June 12, 2021 at 11:40 pm #1305426
    Mike

    Hey John,
    Thank you for your patience, and the link to your page, since you increased the font size you will also need to change this css to re-center the text:

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: 130px !important;
}

    After applying the css, please clear your browser cache and check.
    The default is 90px & I just experimented until it looked good, feel free to adjust.
    This also helps with your mobile view, but please note that the element is not meant to show all tabs at mobile, it moves along as the tabs are clicked.

    Best regards,
    Mike

    June 15, 2021 at 5:21 am #1305708
    aussiedropbear

    Thanks Mike. that seemed to do the trick.

    Cheers
    John

    June 15, 2021 at 1:41 pm #1305814
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘tab section heading alignment’ is closed to new replies.