Viewing 30 posts - 1 through 30 (of 33 total)
  • Author
    Posts
  • #1069751

    Hi there,
    I have problem with spacing in tab sections. In my home page i’m using tabs for a little nav menu (“I PIU’VENDUTI IMPRESSIONI I PUPI IL FICO D’INDIA LE TESSERE OBIETTIVI”). The space between each word is the same, but is not for one word “i pupi”where you can see different space. It seems that the space of this word is bigger than the others, so that space plus the padding let the nav menu appears unbalanced. Could you help me? I tried with a special class for the word “I PUPI” but it doesn’t work.
    Thank you

    Guenda

    #1070905

    Hey guenda84gg,

    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

    
    #top .av-inner-tab-title, #top .av-outer-tab-title {
        width: auto;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1071053

    Hi Victoria,
    thanks for your answer. Unfortunately it doesn’t work. I tried to put the code into quick css, but nothing. And I also tried to put the code into themes/enfold/css/custom.css and nothing. The problem is still there.
    The spacing between the words “I PIU’VENDUTI IMPRESSIONI I PUPI IL FICO D’INDIA LE TESSERE OBIETTIVI ” is not uniform. I need less space between IMPRESSIONI <— I PUPI IL FICO D’INDIA —> LE TESSERE.
    Do you have other advices?
    Thank u so much
    Guenda

    #1072285

    Hi,

    The css are compressed or merged, so that is why it’s not working. You have to toggle the Enfold > Perfomance > File Compression settings after adding that code.

    Best regards,
    Ismael

    #1073608

    Hi!
    Thank for your support. Unfortunately it still doesn’t work. The words are still at the same place with different space between them. I tried to modify the compression settings, then i added the code into the quick css and after no results i added the code into themes/enfold/css/custom.css , but nothing happens.

    Any other advices?

    thanks a lot

    #1074610

    Hi,

    Thanks for the update.

    We missed the arrow container below the title. We added this code to adjust it.

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
        width: auto;
    }

    The spaces between the title are now equivalent.

    Best regards,
    Ismael

    #1074783

    Thank a lot Ismael!
    Really thank u for your help!
    May I ask an other question about this tab section? It is not responsive at all. How could I let it responsive?

    Thanks
    Guenda

    #1075255

    Hi Guenda,

    How do you mean? A screenshot of the layout issues will probably help.
    If you have the time, please open a new ticket or thread for new inquiries.

    Best regards,
    Ismael

    #1075453
    This reply has been marked as private.
    #1076860

    Hi,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #av-tab-section-1 .av-tab-section-tab-title-container {
    width: 400px !important; 
    max-width: 400px !important; 
    min-width: 400px !important; 
    }

    Best regards,
    Mike

    #1076864
    This reply has been marked as private.
    #1076866
    This reply has been marked as private.
    #1077083

    Hi,
    Please try:

    @media only screen and (max-width: 999px) { 
    #av-tab-section-1 .av-tab-section-tab-title-container {
    width: 99% !important; 
    max-width: 99% !important; 
    min-width: 99% !important; 
    }
    }

    Best regards,
    Mike

    #1077430
    This reply has been marked as private.
    #1077540

    Hi,

    Please provide a link to the site/page in question so we can look into that issue further.

    Best regards,
    Jordan Shannon

    #1077551
    This reply has been marked as private.
    #1077574

    Hi,

    Add this to quick css:

    .av-layout-tab{
    vertical-align:top!important;
    }

    Best regards,
    Jordan Shannon

    #1077577
    This reply has been marked as private.
    #1077583
    This reply has been marked as private.
    #1077837
    This reply has been marked as private.
    #1078590

    Hi guenda84gg,

    The credentials did not work for me. Please update them so that we can check it further.

    Best regards,
    Victoria

    #1078646
    This reply has been marked as private.
    #1079948
    This reply has been marked as private.
    #1080579
    This reply has been marked as private.
    #1080623

    Hi,
    Sorry for the late reply, the dev team has released the update today Enfold v4.5.5, please try updating your site to see if that corrects the large space.

    Best regards,
    Mike

    #1080624

    Hi,
    how could I update the theme?
    thanks

    #1080673

    Hi,
    In your theme settings, there is an “Update” option, please see this post

    Best regards,
    Mike

    #1081668
    This reply has been marked as private.
    #1082137

    Hi,
    Thank you for updating, I have checked again and I’m not seeing the error I saw before, it is for mobile correct?
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    #1082411
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 33 total)
  • You must be logged in to reply to this topic.