Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 18, 2014 at 9:33 pm #305992
    djshortkut

    I need some help with a color section I just added on my site at the bottom of the page on the link provided.

    1. I want to make the button a light transparent but can’t seem to find the option.
    2. I also want to adjust the height of the color section while keeping the content centered in the middle. Right now I have “No Minimum height, use content within section to define Section height” selected but I would like to reduce the height more than this option allows if possible.

    Thanks in advance!

    August 19, 2014 at 4:36 am #306069
    Ismael

    Hey djshortkut!

    Thank you for using Enfold.

    1.) Please refer to this link on how to create a transparent button: https://kriesi.at/support/topic/button-remove-background/

    2.) You can add an id on the For Developers: Section ID field then specify the height of the section on Quick CSS. For example, we’ll add “section-height”, use this on Quick CSS to define the height of the section.

    #section-height {
height: 100px;
}

    You can also decreasing the padding with this:

    #section-height .content {
padding-top: 10px;
padding-bottom: 10px;
}

    Cheers!
    Ismael

    August 19, 2014 at 5:59 am #306103
    djshortkut

    Thank you Ismael! Adjusting the height of the color section worked perfectly.

    I was able to activate the custom css class section. I tried the code that was provided from the thread you gave me but it didn’t work correctly. The button now has a white border around it but with a white glow. What I want to do is make the button look like the light transparent button that is on my full screen slider on the homepage as the first slide. So a solid white border around the button and change the text color to white from the existing. Hopefully that makes sense.

    Here is the Quick CSS I used:

    .transparent-button a.avia-button {
background: transparent !important;
border: 1px solid white !important;
box-shadow: inset 0 0 10px white;
}
    August 19, 2014 at 7:18 am #306125
    djshortkut

    I figured out the transparent button issue by modifying the code so thank you! One more question:

    The button is not centered with the text horizontally. Is there a way to lift it up slightly so it is? Right now it looks like the top of the button is lined up with the top of the text instead of being centered.

    August 19, 2014 at 11:09 am #306180
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .transparent-button {
margin-top: -10px!important;
}

    Regards,
    Yigit

    August 20, 2014 at 12:32 am #306565
    djshortkut

    Resolved. Thank you very much!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Color Section’ is closed to new replies.