Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 26, 2020 at 6:21 am #1197949
    MikeTandySwag

    Hey Everyone,

    I have two questions.

    1. On my home page I have a Tab Section. I added some CSS for this but I can’t figure out how to get the titles to align with the icons and the arrow. I like the spacing of the icons and that the titles are on one line. I just can’t seem to figure out how to align it right.

    2. The top of the home page has a FullWidth Easy Slider. How can I remove the boxes around the arrows but keep the arrows?

    Thanks

    Links and login in Private Content

    March 26, 2020 at 4:34 pm #1198091
    Victoria

    Hey MikeTandySwag,

    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-with-image .av-inner-tab-title {
    width: 100% !important;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
#top .av-control-minimal .avia-slideshow-arrows a:before {
  border: none;
}

    Please remove the code:

    
.av-inner-tab-title {
    width: 0px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 26, 2020 at 6:35 pm #1198147
    MikeTandySwag

    Thank you!

    That worked, but on “INTEX MILLWORK” and “Specialty VINYL” the arrow is not centered in the Tab Section

    March 27, 2020 at 9:18 pm #1198432
    MikeTandySwag

    I also need some help with the spacing between the icon and the title and making the tile white when highlighted. I attached a screenshot of what I would like it to look like in the private content.

    Thanks!

    March 27, 2020 at 10:17 pm #1198465
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av-outer-tab-title{
padding-top:0px!important;
margin-top:-15px!important;
}

.av-active-tab-title .av-outer-tab-title{
color:#fff!important;
}

    Best regards,
    Jordan Shannon

    March 27, 2020 at 10:21 pm #1198469
    MikeTandySwag

    Thanks!

    That fixed most of it.

    Any idea how I can get the arrows to align properly on the last two?

    March 27, 2020 at 10:36 pm #1198472
    Jordan Shannon

    Hi,

    Add this to quick css:

    
a[data-av-tab-section-title="3"] .av-tab-arrow-container{
left:20px!important;
}

a[data-av-tab-section-title="4"] .av-tab-arrow-container{
left:20px!important;
}

    Best regards,
    Jordan Shannon

    March 27, 2020 at 10:47 pm #1198476
    MikeTandySwag

    Perfect! Thank you for all the help!

    March 27, 2020 at 10:49 pm #1198478
    Jordan Shannon

    Hi,

    No problem at all. If you need additionla help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Alignment Issue and Removing Box Around Arrrows’ is closed to new replies.