Tagged: multiple
-
AuthorPosts
-
May 19, 2017 at 4:32 pm #796642
Hi.
Do you have an example somewhere in your demos, where you have used two ‘blocks/lines’ with text and image?
E.g. text to the left and and image to the right.
And below again a block with text and image.I can’t make it look good when I try :-)
Best Camilla
May 19, 2017 at 4:38 pm #796649… where the images are not free scraped, but with backgrounds.
So an example like this page http://kriesi.at/themes/enfold-2017/features/ but with images where the grey back ground behind the pictures is not there.May 19, 2017 at 4:54 pm #796666Hi,
I don’t believe we have that in our demos. Can you provide a link to the page you attempted this on so we can see exactly what you have in mind and where you may have went wrong.
Best regards,
Jordan ShannonMay 19, 2017 at 5:10 pm #796673Yes, it would be great with an advice if possible.
It is this homepage. It contains:
1) advanced layer slider
2) grid row 3 column
3) and then the two grid rows where I have my problem. I would like the images to fill out half and the text the other half. But I can’t make it look good.4) Everything below is just attempts to find a solution. So far not a good solution:-)
May 19, 2017 at 5:18 pm #796677Hi,
What do you want to change about the two grid rows? Are you not happy with the spacing?
Best regards,
Jordan ShannonMay 19, 2017 at 5:27 pm #796681I would like the images in the two grid rows to be exactly up against each other. And not have the spacing.
But when I do this, the text also moves up. Or the images do not fill out 1/2 of the screen anymore.May 19, 2017 at 5:39 pm #796685Hi,
Are you looking for this kind of effect? https://snag.gy/D4MyFl.jpg
Best regards,
Jordan ShannonMay 19, 2017 at 7:14 pm #796720Yes, precisely that.
Is that possible? That would be great.May 19, 2017 at 8:02 pm #796730Hi,
It can be done via css. If you can please allow me admin access, I can try and work it out for you.
Best regards,
Jordan ShannonMay 19, 2017 at 8:36 pm #796742Here is access.
Thanks!May 19, 2017 at 8:54 pm #796755Hi,
Try adding this to quick css:
.flex_cell.no_margin.av_one_half { padding: 0px 150px 0px 0px!important; }
Best regards,
Jordan Shannon- This reply was modified 7 years, 5 months ago by Jordan Shannon.
May 19, 2017 at 8:56 pm #796759Hi,
And this is just to target your two test sections.
Best regards,
Jordan ShannonMay 19, 2017 at 9:30 pm #796784Thanks Jordan..! That really helped.
I added some padding alway around the text to make it look nice.
Although the grid box with text to the left: here I have a problem making the text be centered within its own 1/2 box. I guess my problem goes for the other grid box text as well. It just does not look that bad there because the text is on the right side of the screen.Do you know how to do this? That would be really great..!
May 22, 2017 at 3:41 pm #797708Hi,
You want me to do this for the current two sections that you have there now?
Best regards,
Jordan ShannonMay 24, 2017 at 10:58 am #798830Yes, I would be thankful for that.
May 24, 2017 at 4:10 pm #798994Hi,
I added the following to quick css:
.avia-builder-el-10, .avia-builder-el-21{ margin-left:80px!important; }
Let me know if this is what you needed.
Best regards,
Jordan ShannonMay 26, 2017 at 11:14 am #800077Thanks. It looks good.
But it has affected other pages too, where the settup does not look good now.The CSS is written only to affect the boxes on the frontpage?
May 26, 2017 at 4:19 pm #800216Hi Camilla88,
This code will affect only front page
.home .avia-builder-el-10, .home .avia-builder-el-21{ margin-left:80px!important; }
If you need further assistance please let us know.
Best regards,
VictoriaMay 31, 2017 at 9:56 am #801904Thanks Victoria. I appreciate the help.
The CSS is affecting the mobile view in a bad way. Is there anyway to make the CSS only affect desktop (and tablet if it makes sense)?Thank you again.
May 31, 2017 at 3:01 pm #802044Hi,
You can adjust the css to the following:
@media only screen and (min-width: 767px) { .home .avia-builder-el-10, .home .avia-builder-el-21{ margin-left:80px!important; } }
Best regards,
Jordan Shannon- This reply was modified 7 years, 5 months ago by Jordan Shannon.
May 31, 2017 at 3:07 pm #802047Perfect. Thank you.
May 31, 2017 at 3:24 pm #802054Hi,
No problem at all! If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Block with text and image’ is closed to new replies.