Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 31, 2013 at 11:26 pm #183156
    Gstar72

    Hi Guys,

    Can you give me the full CSS magic to reduce the color section height, the archived link was set to private, so I couldn’t get the full code:

    Link #176123

    Thankyou

    Gary

    November 1, 2013 at 5:43 pm #183432
    Yigit

    Hi Gstar72!

    Can you post the link to your website and point out the color section you would like to be smaller?

    Best regards,
    Yigit

    November 1, 2013 at 5:55 pm #183434
    Gstar72

    Hey Yigit,

    The blue colour sections: http://www.naturaloutlook.com I would like to reduce the height – also, when you view on mobile, the text is not centered on the vertical aspect, very odd.

    There was a thread on it before, but some of the replies were marked private, so I couldn’t see the CSS: #176123

    Thanks mate

    Gary

    November 1, 2013 at 6:06 pm #183437
    Yigit

    Hey Gary!

    Please add following code to Quick CSS in Enfold theme options

    #expertise, #about, #design, #photography, #writing, #process { height: 100px; }

    That should do for all color sections on that page.
    I also checked your website on my iphone and text seems to be centered on my end. Please see screenshots below;
    Portrait mode http://i.imgur.com/WQ2FBfo.png
    Landscape mode http://i.imgur.com/3n1kI3E.png

    Best regards,
    Yigit

    November 1, 2013 at 10:42 pm #183527
    Gstar72

    Hey Yigit,

    Its there a minimum height restriction for the color section, I would like to make it 80 px, but it will only allow 100 px minimum.

    Also, with the new height, the h3 titles are not centered vertically, I can provide screen grabs – I tried adding white space, but that didn’t work.

    Thanks Yigit

    Gary

    November 1, 2013 at 10:50 pm #183531
    Gstar72

    I also tried this, but it didn’t work:

    #expertise, #about, #design, #photography, #writing, #process {position:absolute; top:50%; height:100px; margin-top:-50px; /* negative half of the height */}

    November 3, 2013 at 5:02 pm #183947
    Yigit

    Hey!

    Please add following code to Quick CSS as well Gary 

    #expertise, #about, #design, #photography, #writing, #process { max-height: 100px; height: 80px;  }
.content { padding-top: 40px; }

    Cheers!
    Yigit

    November 3, 2013 at 6:03 pm #183959
    Gstar72

    Thanks Yigit.

    Gary

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