Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 22, 2019 at 1:03 pm #1081812
    realisedesign

    Hey enfold geniuses,

    I am struggling with the CSS for “big-preview.multi-big”

    Multi author, display gravitar, title and excerpt.

    I’d like the gravitar and title to appear above the image, with the exerpt and read more button to be below the image, a bit like this https://kriesi.at/themes/enfold-2017/blog/blog-multi-author/

    I would also like the image to stretch the full width of the container, if possible.

    And change formatting of titles etc, cant seem to find the CSS references though or how to implement it.

    I’m stuck….help…please….

    March 27, 2019 at 4:21 pm #1083693
    Yigit

    Hey,

    Sorry for the late reply!

    I think it would be easier to modify theme files since you are already using a child theme and then use custom CSS. But before that, could you please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page?

    Best regards,
    Yigit

    March 27, 2019 at 5:34 pm #1083714
    realisedesign

    Hi Yigit, no worries, thanks for getting back to me.

    This is what I’m looking for:

    http://i67.tinypic.com/2c0juv.png

    • Full container width image
    • gravitar, title and author name above image (vertically centred based on gravitar)
    • Categories tight below image
    • Excerpt below image full container width
    • read more below image full container width

    Hope that makes sense!!!
    Sean

    April 11, 2019 at 5:34 pm #1089635
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    April 11, 2019 at 5:44 pm #1089640
    realisedesign

    Thanks Basilis.

    How about just extending the image out to the edge of the container?

    Surely that is an easy fix?

    April 14, 2019 at 4:02 pm #1090646
    Basilis

    Hi,

    You want to position it as a background image?

    Best regards,
    Basilis

    April 17, 2019 at 12:41 pm #1091973
    realisedesign

    If that will get it extended out, to align with left margin,. that would be wonderful!

    Thanks

    April 17, 2019 at 1:02 pm #1091987
    realisedesign

    Hi Basilis,

    Basically I want it to extend out to the full width of .big-review.multi-big

    See here http://tinypic.com/?t=postupload

    Is all I need to do remove padding from the div?

    Thanks,
    Sean

    April 17, 2019 at 1:26 pm #1091994
    realisedesign

    Sorted it with this :

    .big-preview {
    padding : 0px 0px 25px 0px !important;
    }

    #featured_post .template-blog, #blog_grid .avia-content-slider-inner {
    padding: 0px !important;}

    Thanks a million!!!!

    Sean

    April 18, 2019 at 1:28 am #1092211
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Big Preview Multi Author Blog Formatting’ is closed to new replies.