Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 22, 2014 at 10:37 pm #323329
    selkins

    Hi,

    I’m trying to set up a page in my project that has the same button look in the left sidebar with the same functionality but for the life of me I can’t do this.

    Can you tell me how?

    Many Thanks,
    Scott

    September 22, 2014 at 11:26 pm #323342
    Josue

    Hi Scott!

    That’s a Tabs element with this setting selected:
    http://screencast.com/t/yWMv1EhVCq

    Regards,
    Josue

    September 23, 2014 at 12:18 am #323363
    selkins
    This reply has been marked as private.
    September 23, 2014 at 1:14 am #323384
    Josue

    Hey Scott!

    I’m not really seeing a difference between the first, second and third tab to be honest – http://screencast.com/t/ENX910s6

    Regards,
    Josue

    September 23, 2014 at 1:36 am #323389
    selkins

    Hi Josue,

    I’ve tested it in all browsers and the same thing. The content for the 1st tab is aligned top where it should be. The content for tab 2 and 3 is lowered. Can you please look again?

    Thanks,
    Scott

    September 23, 2014 at 2:01 am #323398
    Devin

    Hi!

    The special heading has a default margin on top:

    
.av-special-heading {
width: 100%;
clear: both;
display: block;
margin-top: 50px;
overflow: hidden;
position: relative;
}

    So you are adding a special heading to the tab 2 and 3 and its got that margin by default.

    Cheers!
    Devin

    September 23, 2014 at 2:24 am #323414
    selkins

    Hi Devin,

    The first tab content has the same code for the special heading yet it aligns top like I want. That is what is so frustrating. Why would it work differently in the other tabs when it’s the exact same code?

    If I add the above code to the Quick CSS and change the margin top to 0px (or whatever works) will it change all special headings throughout the pages? I only want to customize this one page.

    Many Thanks,
    Scott

    September 23, 2014 at 2:28 am #323415
    selkins

    Hi Devin,

    I added your code to the Quick CSS setting the top margin to 0px and that works. It does change everything throughout the template but unless you have a better solution I’ll just deal with it and add white spaces where needed on other pages.

    Thanks,
    Scott

    September 23, 2014 at 2:33 am #323417
    Josue

    Hi Scott!

    You can limit that to the toggle contents only:

    .tab_inner_content .av-special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
}

    Best regards,
    Josue

    September 23, 2014 at 2:40 am #323419
    selkins

    S A A A W E E E E E T!!!!!! Perfect!

    Many Thanks,
    Scott

    September 23, 2014 at 3:30 am #323430
    Josue

    You are welcome Scott, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Trying To Duplicate "Features" Page in Enfold Demo’ is closed to new replies.