-
AuthorPosts
-
August 16, 2016 at 6:51 pm #673371
I’ve tried looking up other threads to avoid creating multiple topics.
However, I still can not figure it out.When I add things like grid rows, color selection, and image to 1/2 cell and other element containers, my pictures are usually cut off.
The grid row reaches the end of the screen but it us usually cut off (you can see an example on my websites home page.And when I add images to 1/2 cells it will not reach the end of the page.
I want to achieve an “About Us” ( http://kriesi.at/themes/enfold-shop/about/ ) with all the pictures and text beside it.
Thanks Guys!August 19, 2016 at 4:04 pm #674801Hey brettb112,
It’s not clear what exactly you are trying to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
The example link from enfold demo you provided uses a special heading inside a color section with background image and a overlay color.
Best regards,
VinayAugust 19, 2016 at 8:53 pm #674861Vinay – I think Brettb is trying to accomplish something similar that I am.
When I set up a color section with a background image, like you did in the enfold demo, I can’t get the background image to stretch to cover the full color section. See image here: https://www.dropbox.com/s/g3mp0wa4cinjj7i/image.jpg?dl=0
How do you get the image to stretch the full width?
Jason
August 21, 2016 at 7:17 am #675235Hi Jason,
Did you try to set the Background Image Position and Background Repeat element options to something like Stretch to fit? If that doesn’t work then please post admin login details in private and we’ll have a closer look.
Thanks,
RikardAugust 22, 2016 at 1:04 am #675482ok
So I need the picture in my “About” page to display underneath my header.
Here is a current picture of where it is: http://imgur.com/a/gPY6J
Here is a picture of where I want it to be: http://imgur.com/a/TyqpRAlso here is a picture of a series of Grid Row pictures on my Home page. For some reason they are being cut off. I am not sure why?
Picture of Grid Row Problem: http://imgur.com/a/QgGo8thankyou
August 22, 2016 at 1:40 am #675486Grid Row Background-Images! there is no Content in it so you only see those 30px each on top and on bottom height.
So if you like to insert those images as background-image with no content in it you can play with padding top/bottom
on you about us page i can not see that you have set “stretch to fit” option in enfold dialog.
August 22, 2016 at 1:45 am #675487@fusiontechnic : i did not see any background image in that section- i quess you removed it.
August 22, 2016 at 2:53 am #675500thats strange.
In my grid row (inside the 1/3 cell), there are custom background images inside of it. It is the one that is cut off (shown in the 3rd picture).
Is there a proper/different way to insert the image?
I usually click edit cell, then insert background image. Is this correct?
Thanks GuenniAugust 22, 2016 at 10:01 am #675596on the third 1/3 cell there is no image inserted:
A background-image by default has no height!
The container height is determined by the content and the padding!
it is not determined by background!
accept – you declare a background-sizeas you can see – if you don’t want to give that cell a custom css – and if you don’t want to have any other content in that cell – you can manage it by setting up top and bottom padding high!
The better way seems to be you give those cells (the first will be enough – because cells are displayed table-cell) a custom class
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/and make for those cells a quick css rule
f.e..cellwithoutcontent { height: 40vh !important }
- This reply was modified 8 years, 4 months ago by Guenni007.
August 23, 2016 at 12:41 am #676089so is this a background image? The picture inside the cell here? http://imgur.com/a/d0Wyp
And ok ill give that article you posted a try and see what happens.
I would like to achieve something similar to the “About Page” on the Enfold Demo : http://kriesi.at/themes/enfold-shop/about/
Im not the best with CSS but ill see what I can do to get the image bigger and in the right place.Thanks again for your help Guenni, its very appreciated :)
August 24, 2016 at 5:50 am #676776August 26, 2016 at 2:06 am #677872Hey Rikard, unfortunately I still can’t figure it out.
This is a picture where I would like my image to be re-located ( on my”About Page”) : http://imgur.com/a/TyqpRAlso on my home page, my grid row is still being cut out. Why is this?
August 30, 2016 at 10:06 am #679302Hi,
Please check the link in private I have setup a colorsection with the background image that stretch full width. make sure to use the background position as stretch to fit as shown in the below screenshot.
Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.