Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 24, 2016 at 5:14 am #676758
    maggie8741

    Hello Enfold,

    Just finished building my site with your theme, thank you for an awesome product!

    The site looks great on desktop, tho some content on my homepage, About and Programs look very distorted (mainly text). I know that I should able to adjust with CSS, however, I’m very weak in that area. Would you be able to throw me some codes?

    Below are the sections I need help with:

    Homepage:
    1. reduce the white gap between the advanced layer slider and the content below “WHY YOGA”.
    2. display full image underneath the section of “WHY YOGA”
    3. adjust text to be properly displayed at screen size in section above clients’ logos

    About / Programs:
    1. text need to be properly displayed.

    August 24, 2016 at 7:17 am #676827
    Vinay

    Hey maggie8741,

    1. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
    Please adjust the padding-top value as required.

    
#av_section_3 .content {
	padding-top: 0 !important;
}

    2. To display the full image under “WHY YOGA” please try use a colorsection with a image element if that does not work for you edit the colorsection and minimum height to be 100%.

    3. Please check the 2/3 column settings and remove the padding it should look fine. if you still have any issues use the below css in Quick CSS

    .avia-builder-el-35   {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.