Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 10, 2021 at 5:41 am #1293604
    Dave

    Hi Support
    Thanks for the great job you all do :)

    What is the CSS so the Tab Section Icon Title is NOT UPPERCASE just so it is Normal upper and lower case?

    Crestpoint Psychology Team

    Thank you very much
    Cheers Dave

    April 10, 2021 at 4:12 pm #1293644
    Nikko

    Hi Dave,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    .av-tab-section-container .av-inner-tab-title {
    text-transform: none;
}

    Best regards,
    Nikko

    April 11, 2021 at 5:30 am #1293726
    Dave

    Thanks, Nikko, you are awsome mate :)

    Can you please help with the Tab Section again to make the (icon) Image larger. As well as add some padding between the (icon) Images…. just so it’s not as cramped.

    Crestpoint Psychology Team

    Thanks, heaps
    Dave

    April 12, 2021 at 2:00 am #1293815
    Nikko

    Hi Dave,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    .av-tab-section-container .av-tab-section-tab-title-container a {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

    Just change 30px to any amount (default is 20px).

    Best regards,
    Nikko

    April 12, 2021 at 2:20 am #1293817
    Dave

    Thanks, Nikko
    But how do we change the Icon/Image size, so it’s larger?

    April 12, 2021 at 7:23 am #1293862
    Nikko

    Hi Dave,

    Add this CSS code in order to increase the height and width of the image:

    .av-tab-section-container .av-tab-section-image {
    height: 120px;
    width: 120px;
}

    Best regards,
    Nikko

    April 12, 2021 at 10:40 am #1293889
    Dave

    Thanks again Nikko

    It didn’t work and it changed the font back to UPPERCASE.

    I also tried it in Admin > Appearance > Customise > CSS and that didn’t make any difference.

    BTW would you use that same code if it was an Icon and not an Image?

    Crestpoint Psychology Team

    Sorry to be a pain
    Dave

    April 15, 2021 at 1:50 am #1294468
    Dave

    Hi
    I don’t know what I did but the CSS worked for Image size, Text Size and Text Upper and Lower Case.

    But I need a hand with the Text Aligning properly under the Image. The text seems it’s stuck in a box the original with yet the image above is the 130px wide I made it with CSS.

    See screenshot – https://drive.google.com/file/d/1bneH-ogPbhj-PVMHiykbeKdVeE3Xp55o/view?usp=sharing

    Crestpoint Psychology Team

    I would really appreciate someones help… So it can all look uniform, not just a part of it :)

    Thanks
    Dave

    April 15, 2021 at 5:01 am #1294470
    Rikard

    Hi Dave,

    Sorry for the late reply. Please try this CSS as well:

    .av-tab-with-image .av-inner-tab-title {
    display: table;
    margin: 0 auto;
}

    Best regards,
    Rikard

    April 15, 2021 at 7:02 am #1294490
    Dave

    No that didn’t work Rikard

    This is what I have in the Quick CSS field

    /*Tab Section – Icon Title Upper and Lower Case*/
    .av-tab-section-container .av-inner-tab-title {
    text-transform: none;
    font-size: 17px;
    }

    /*Tab Section – Icon, Image Padding*/
    .av-tab-section-container .av-tab-section-tab-title-container a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    }

    /*Tab Section – font margin, padding*/
    av-tab-with-image .av-inner-tab-title {
    display: table;
    margin: 0 auto;
    }

    /*Tab Section – Icon, Image Size*/
    .av-tab-section-container .av-tab-section-image {
    height: 150px;
    width: 150px;
    }

    We are using the Tab Section for the Team Members Descriptions on
    – https://crestpointpsychology.com.au/make-a-booking/
    – https://crestpointpsychology.com.au/crestpoint-psychology-team/

    April 17, 2021 at 6:41 am #1294876
    Rikard

    Hi,

    You didn’t copy the whole code I posted. I added it myself to Quick CSS just now, and it’s applying and working.

    Best regards,
    Rikard

    April 18, 2021 at 6:07 am #1294959
    Dave

    I missed the . infront of the a in av-tab-with-image .av-inner-tab-title {

    Thanks… I looked and looked and didn’t see it :)

    You are a legend, thanks heaps
    Dave

    April 19, 2021 at 5:47 am #1295087
    Nikko

    Hi Dave,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Tab Section Icon Title Not Uppercase’ is closed to new replies.