Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 25, 2015 at 9:14 am #508833
    harmonyfm

    Hi
    I have tried to use both the Magazine & Grid modules for my Blog posts, but neither are quite providing what I want.
    My Blog posts are each made using a 1/3 image Media Element and a 1/2 Text Block.

    1) Using the Grid option, the image is centred but the text is left aligned, so it looks messy. Altering the image positioning within the specific page does not alter where the image appears on the Blog page.

    2) Using the Magazine option would be the preferred option, but I cannot shift the left hand margin towards the page centre, its far to close to the page edge and looks unprofessional.

    http://harmony-fm.com/blog/

    Can anyone offer guidance on this please.

    Many thanks,

    MIke

    September 25, 2015 at 5:23 pm #509184
    Elliott

    Hey harmonyfm!

    Add this to your custom CSS.

    .slide-entry img {
    margin-left: 0px !important;
}

    Cheers!
    Elliott

    September 25, 2015 at 5:33 pm #509195
    harmonyfm

    Hi Elliott

    Thanks for your reply, I guess it refers to the Grid element.

    It certainly aligns the images at the left edge, but that ‘position’ is still far too ‘left’, for both the image and text …

    What I would really like to use, is the magazine option, as it looks so neat, but as mentioned, that is also far ‘too left’ and I cannot control it within the facilities available.

    I’ve updated that URL with the code you provided ….

    Cheers,
    Mike

    September 25, 2015 at 5:40 pm #509202
    Elliott

    Hi!

    I’m sorry but I’m not sure what you mean. Can you take a screenshot and highlight exactly what your trying to do?

    Regards,
    Elliott

    September 25, 2015 at 6:43 pm #509236
    harmonyfm

    Sure Elliott

    This is a screenshot of the page in the URL already given above ….

    http://harmony-fm.com/wp-content/uploads/enfold.jpg

    The magazine element will not move to the right and so looks totally misaligned ….

    Hope this helps,

    Mike

    September 26, 2015 at 7:13 am #509369
    Rikard

    Hey,

    Thanks for the screenshot, so do you want to center all the content instead? Or float it to the right?

    Thanks,
    Rikard

    September 26, 2015 at 7:20 am #509375
    harmonyfm

    Hi Rikard

    In the case of the lower Magazine layout example, I would like there not to be a huge percentage of white space (and the grey lines) after the thumbnails and post title etc ….

    In the case of the upper Grid layout example, now that with Elliot’s code the image alignment is neater with regard to the text, I would like to have a larger left margin (white space), so that it doesn’t look too close to the ‘page edge’ ….

    Hope this all makes sense, and many thanks for looking at it :)

    Mike

    September 28, 2015 at 4:06 am #509774
    Rikard

    Hi Mike,

    You can get rid of the grey line with the following CSS:

    .av-magazine-content-wrap {
    border-bottom: 0px solid !important;
}

    Not sure what to do with the white space though, there’s just not enough content to fill the space?

    Thanks,
    Rikard

    • This reply was modified 8 years, 6 months ago by Rikard.
    September 28, 2015 at 6:25 am #509811
    harmonyfm

    Many thanks again Rikard ….. :)

    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Blog: Magazine & Grid issues’ is closed to new replies.