Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • November 29, 2017 at 10:52 am #882975
    meinders

    Is it possible to change the width and text size of the tabs?
    I have tabs on the top where the padding on the top and bottom is to much, and the width of the tab should be larger.
    Then i have some tabs on the left that are to small as well. The text size should be larger and the width should be 275px as a minimum.

    In the picture you can see a example

    • This topic was modified 7 years, 5 months ago by meinders.
    November 29, 2017 at 8:35 pm #883172
    Victoria

    Hey meinders,

    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

    
.sidebar_tab .tab_titles {
    max-width: 275px;
}
.js_active .tab {
  font-size: 1em;
}
.sidebar_tab .tab_content {
    min-height: 452px !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 30, 2017 at 1:04 pm #883391
    meinders

    Thanks for the quick help Victoria.

    Almost there. For the top tabs i would like to change the width and make the text bold.
    And the distance between the tab and the text underneath should be always the same.

    Could you help me with this?

    December 4, 2017 at 7:27 am #884536
    Ismael

    Hi,

    I’m sorry but the page doesn’t exist anymore. Did you remove it?

    Best regards,
    Ismael

    December 4, 2017 at 9:02 am #884549
    meinders

    Sorry i forgot that i made a change in the URL.
    I will send the new link in the private content.

    December 5, 2017 at 1:59 pm #885051
    Ismael

    Hi,

    Thank you for the info.

    Please add the following css codes.

    .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
    margin-bottom: 15px;
    font-weight: 600;
}

.avia-section-small .av-layout-tab {
    vertical-align: top !important;
    padding-top: 50px !important;
}

    Best regards,
    Ismael

    December 5, 2017 at 4:52 pm #885146
    meinders

    Hi,

    Thanks for the quick help so far, one more thing.

    Is it possible to make the heigth of the text box adjustible to the content?

    December 6, 2017 at 8:22 am #885419
    Ismael

    Hi,

    Is it possible to make the heigth of the text box adjustible to the content?

    Please edit the tab section element and then set the “Content height” settings to “Auto adjust to content”.

    Best regards,
    Ismael

    December 11, 2017 at 8:54 am #887257
    meinders
    This reply has been marked as private.
    December 11, 2017 at 1:57 pm #887397
    Victoria

    Hi meinders,

    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

    
@media only screen and (max-width: 767px) {
  .av-tab-content-auto .av-layout-tab-inner {
    width: 100vw;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 13, 2017 at 4:50 pm #888447
    meinders

    Thank you Victoria

    Another problem is the text in the footer. It is so wide that the .com from the email adresses is not showing.

    December 13, 2017 at 5:00 pm #888452
    meinders

    I see the problem is there on more pages

    December 14, 2017 at 2:27 am #888697
    Ismael

    Hi,

    I’m sorry but I can’t see any issue with the footer text. Could you provide a screenshot? Use imgur or dropbox.

    Best regards,
    Ismael

    December 14, 2017 at 9:38 am #888789
    meinders

    Sure thing.

    • This reply was modified 7 years, 5 months ago by meinders.
    December 14, 2017 at 4:12 pm #888937
    Victoria

    Hi meinders,

    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

    
#footer div .av_one_fifth {
    margin-left: 4%;
    width: 16%;
}
.footer_color a {
  word-break: break-word;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 21, 2017 at 10:52 am #891065
    meinders

    Thank you

    I have a problem on a new page:

    The text is not loading or showing.

    And the 2nd problem is that the text from the box on the home page is to wide.
    Screenshots are in the private content.

    December 21, 2017 at 9:12 pm #891365
    Victoria

    Hi,

    Can you please specify the link to that page?

    Best regards,
    Victoria

    January 8, 2018 at 3:09 pm #894721
    meinders

    Sorry for the late response.
    In the private content the screenshot and link.

    January 8, 2018 at 7:29 pm #894866
    Victoria

    Hi meinders,

    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

    
article {
  word-break: break-word;
}

#after_full_slider_1 div .av_one_fourth {
    margin-left: 3%;
    width: 21.5%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 9, 2018 at 9:59 am #895158
    meinders

    Thank you.
    The problem on the new page didn’t change.
    The tabs on the side are not working well.
    The first tab is working but the second is not.
    There is text in every tab.

    January 10, 2018 at 10:59 pm #895848
    Basilis

    Hi,

    Our developers have worked on a new version that fixes some of those things and the way shortcodes are been deployed.
    We would much appreciate the patience for it.

    Best regards,
    Basilis

    January 11, 2018 at 10:44 am #896083
    meinders

    No problem, can you give an indication when the new version will be released?

    January 14, 2018 at 10:12 pm #897213
    Basilis

    Hi,

    We are working hard to get it live, we are testing it as we speak.

    Best regards,
    Basilis

    January 15, 2018 at 9:31 am #897433
    meinders

    Thanks and good luck with the testing. looking forward to the update

    January 17, 2018 at 12:35 am #898232
    Basilis

    Hi,

    Best regards,
    Basilis

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • The topic ‘Width of Tabs’ is closed to new replies.