Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2019 at 7:20 pm #1065619
    dialogue99

    Hello folks, I am looking to change the spacing between columns in this blog page:

    Blog

    Basically I am wanting to get the blog pictures to align with the top square and rectangle, by changing the space between the 3 colums. Any suggestion on how to do that (perhaps with some extra CSS)?

    It would be much appreciated

    Thank you

    Andrea

    February 12, 2019 at 11:17 pm #1066136
    Basilis

    Hey dialogue99,

    can you please show us with a screenshot, of what you want to do?

    Best regards,
    Basilis

    February 13, 2019 at 12:02 am #1066154
    dialogue99

    Hey Basilis

    basically now I have this (a section with colored square and top banner image, with below a “grid blog” section. The square featured images of the blog’s post don’t align with the top square and banner image). Like you see here: http://dialogue.uk.net/01.gif

    I want to achieve this:

    http://dialogue.uk.net/02.gif

    but cannot find the CSS to 1) change the width of the blog’s columns and 2) change the space between the columns.

    See how everything is aligned in the second screenshot? That is what I am looking to do.

    Any ideas would be much appreciated!

    Andrea :-)

    February 14, 2019 at 2:11 pm #1066966
    Victoria

    Hi Andrea,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:1024px){
    div .av_one_third {
        margin-left: 1.2%;
        width: 32.5%;
    }
}

    This is not ideal as the values are in % and so are not exact, but this is the closest it can get.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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