Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #496741

    Hello there,

    i was looking for guidance as to use the grid row element. I am wanting it to look like this http://www.strongtoserve.org/ and collapse like this also when you shrink the screen size. With the above link i was able to have the image relatively small but with this setup i seem to need to have the picture really large or a gap appears below if there is a lot of text.

    Long story short it seems very tricky to get this page right whereas on the link above i had no problems. the responsive aspect seems to work differently.

    Just looking for help to set this page up in grid row format.
    http://demo.koaladetailing.com/

    Thanks

    #497225

    Hey zazenwebdesign!

    Please insert the below css into your custom css section:

    .flex_cell .avia-builder-el-8 {
    	padding: 50px 100px 25px 100px !important;
    }
    
    .flex_cell .avia-builder-el-15 {
    	padding: 50px 100px 115px 100px !important;
    }
    #top .no_margin.av_one_half {
        min-height: 600px !important;
    }

    Best regards,
    Dake

    #497362

    Thank you,

    Do you mean add it to the designated CSS option field in your themes backend at: Theme Options->General Styling?

    I did this and there was no change.

    Ben

    #497479

    Hi!

    Yes, that’s the correct location.

    May we have temporary access to your website so we can try applying the css ourselves?

    Cheers!
    Dake

    #497629

    Sure.

    Here is the page http://demo.koaladetailing.com/?p=527

    Ben

    #498383

    Hi!

    this page seems to be fine for me, because grid layout is working as expected, also on mobile. Can you show us a screenshot of the changes you want to achieve? you can use imgur or dropbox.

    Best regards,
    Andy

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