Tagged: 

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • May 19, 2017 at 4:32 pm #796642
    Camilla88

    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
    Camilla88

    … 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 #796666
    Jordan Shannon

    Hi,

    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 Shannon

    May 19, 2017 at 5:10 pm #796673
    Camilla88

    Yes, 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 #796677
    Jordan Shannon

    Hi,

    What do you want to change about the two grid rows? Are you not happy with the spacing?
    Best regards,
    Jordan Shannon

    May 19, 2017 at 5:27 pm #796681
    Camilla88

    I 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 #796685
    Jordan Shannon

    Hi,

    Are you looking for this kind of effect? https://snag.gy/D4MyFl.jpg

    Best regards,
    Jordan Shannon

    May 19, 2017 at 7:14 pm #796720
    Camilla88

    Yes, precisely that.
    Is that possible? That would be great.

    May 19, 2017 at 8:02 pm #796730
    Jordan Shannon

    Hi,

    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 Shannon

    May 19, 2017 at 8:36 pm #796742
    Camilla88

    Here is access.
    Thanks!

    May 19, 2017 at 8:54 pm #796755
    Jordan Shannon

    Hi,

    Try adding this to quick css:

    .flex_cell.no_margin.av_one_half  {
padding: 0px 150px 0px 0px!important;
}

    Best regards,
    Jordan Shannon

    May 19, 2017 at 8:56 pm #796759
    Jordan Shannon

    Hi,

    And this is just to target your two test sections.

    Best regards,
    Jordan Shannon

    May 19, 2017 at 9:30 pm #796784
    Camilla88

    Thanks 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 #797708
    Jordan Shannon

    Hi,

    You want me to do this for the current two sections that you have there now?

    Best regards,
    Jordan Shannon

    May 24, 2017 at 10:58 am #798830
    Camilla88

    Yes, I would be thankful for that.

    May 24, 2017 at 4:10 pm #798994
    Jordan Shannon

    Hi,

    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 Shannon

    May 26, 2017 at 11:14 am #800077
    Camilla88

    Thanks. 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 #800216
    Victoria

    Hi 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,
    Victoria

    May 31, 2017 at 9:56 am #801904
    Camilla88

    Thanks 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 #802044
    Jordan Shannon

    Hi,

    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

    May 31, 2017 at 3:07 pm #802047
    Camilla88

    Perfect. Thank you.

    May 31, 2017 at 3:24 pm #802054
    Jordan Shannon

    Hi,

    No problem at all! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Block with text and image’ is closed to new replies.