Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 29, 2016 at 2:51 am #624091
    mariocirillo

    Hi Guys and Gals
    Im wondering if someone can help
    As you can see here: http://www.intellect.co.uk/

    I would like the Statistics to be at the bottom of the color section (set to 100% of screen)
    I would like the text to be in the middle.

    I am struggling to find a way of doing this. I have been playing around with padding, boarders and all sorts.
    Is there any way to achieve this?

    Many Thanks

    Mario

    April 29, 2016 at 8:53 am #624156
    Basilis

    Hey mariocirillo,

    You need to add a different row around the numbers, so we can position all of it.
    Can u please do it and let us know?

    Best regards,
    Basilis

    April 29, 2016 at 5:02 pm #624654
    mariocirillo

    Hi Basilis
    Thanks for your reply, I’m not really sure i understand what you mean.
    This is the current layout:

    See attached image:

    May 2, 2016 at 5:56 am #625456
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #av_section_1 .avia-section.av-minimum-height .container .content {
display: initial !important;
}

    Thanks,
    Rikard

    May 5, 2016 at 1:00 am #627564
    mariocirillo

    Hello Rikard
    I tried this unfortunatly it did not work

    I also named the color area av_section_1 and i also added the page id this still made no difference. 

    .page-id-2 #av_section_1 .avia-section.av-minimum-height .container .content {
display: initial !important;
}

    Any ideas would be great…
    Thanks

    Mario

    May 7, 2016 at 11:39 pm #628728
    mariocirillo

    Please can someone assist me?

    Many Thanks

    May 8, 2016 at 6:08 am #628806
    Ismael

    Hi,

    Sorry for the delay. Please add this in the Quick CSS field:

    #av_section_1 .av_one_fifth {
    top: 100px;
}

    Adjust the value as needed. You can also apply a unique Section ID to the color section so that you can replace the #av_section_1 selector.

    Best regards,
    Ismael

    May 9, 2016 at 12:01 pm #629140
    mariocirillo

    Hi ismael

    Is there a way of doing this via %age? Obviously this is a responsive theme and when i specify the padding via px it wont stay true if you adjust the window size?

    Many Thanks

    Mario

    May 11, 2016 at 5:30 am #630403
    Ismael

    Hi,

    Yes, you can do that or add css media queries so that you can adjust the top value on different screen sizes. Example: 

    @media only screen and (max-width: 767px) {
#av_section_1 .av_one_fifth {
    top: 100px;
}
}

    This code will only affect screens lower than 767px like phones and small tablets.

    Related articles:

    http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    WordPress Developers: Your Complete Guide to Conquering CSS in 2016

    Best regards,
    Ismael

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