Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2017 at 5:31 pm #757140
    MattDalli

    Hi guys,

    I have a two part question about the blog element.

    I’m currently working on this: testing.glennbedingfield.com (you can only see it if you access it with the details in the private content)

    In the homepage, there are two blog elements, one showing only ONE big one at the top, while the other is showing a few small ones below. My issue is that with the big one, because the images will never be the same size, there seems to be a grey background since it doesn’t fit correctly in the frame. Is it possible for this not to show?

    My second part is that I am also cloning this page and editing it for mobile with its url testing.glennbedingfield.com/mobileversion/. Now in this what I require is for the First blog element to show the image (but without any grey background) while the second blog element should only show title, excerpt and read more button, no image.

    Hope I provided enough information and I was clear.

    Thanks in advance!

    • This topic was modified 7 years, 9 months ago by MattDalli.
    March 13, 2017 at 3:58 pm #760050
    Yigit

    Hey Matthew,

    Sorry for the late reply!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-content-slider .slide-image {
    background: transparent!important;
}
.post-entry-9792 a.slide-image { display: none !important; }

    For the second code, you would need post ID’s of each post if you would like to hide featured image in more than one posts

    Best regards,
    Yigit

    March 13, 2017 at 6:22 pm #760169
    MattDalli

    Hi Yigit,

    Thanks a lot for getting back to me, this worked. However, my only issue is that the pictures now are in the center and seem a bit off and I would like to align them to the left. I’ve tried adding float: left; to this but unfortunately all of the text moved with it and became jumbled up. What would be the correct code for this please?

    Hmm I see – so there is no way in never showing the featured images with the blog element?

    Thanks a lot!

    • This reply was modified 7 years, 9 months ago by MattDalli.
    March 15, 2017 at 12:57 pm #761372
    Yigit

    Hi,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    margin-left: 0!important;
}

    2- If you would like to hide all featured images from your home page, please use following code

    .home a.slide-image { display: none !important; }

    Best regards,
    Yigit

    March 17, 2017 at 1:17 pm #762461
    MattDalli

    Hi Yigit,

    Thanks a lot for helping out, the code for the 1st part worked perfectly. The client seems to still want to show the featured images for now on the desktop but not on mobile so I applied your code to just the mobile version.

    Thanks a lot for your help!

    Matt

    March 17, 2017 at 1:19 pm #762463
    Yigit

    Hey!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove Background Colour and Images from Blog Layout’ is closed to new replies.