Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 30, 2019 at 11:51 pm #1132468
    vaology

    I thought I understood how to do this, but I can’t get it right.

    Here’s the look I’m going for – http://srapothecary.flywheelsites.com/wp-content/uploads/2019/08/screencapture-srapothecary-flywheelsites-2019-08-23-16_19_39.png

    Here’s the actual page as is right now – http://srapothecary.flywheelsites.com.

    I want the text section on the right to overlap the image on the left.

    I would like the same look on this page – http://srapothecary.flywheelsites.com/about/ (image of white dishes and plate with white text box to the right).

    Can anyone help me with this? Thank you so much!

    • This topic was modified 5 years, 2 months ago by vaology.
    August 31, 2019 at 9:36 am #1132503
    vaology

    This is what I was trying, but it’s not working. Any ideas what I’m doing wrong?

    @media only screen and (min-width:1024px){
    .page.page-id-50 #after_section_3 .flex_column.av_two_fifth.avia-builder-el-20 {
    left: -20vw;
    top: 160px;
    margin-left: 50;
    }
    .page.page-id-50 #after_section_3 .container {
    max-width: 990px;
    }
    }

    September 2, 2019 at 6:31 am #1132830
    Rikard

    Hi,

    Your site is password protected, please include login details in private so that we can view the links you posted.

    Best regards,
    Rikard

    September 2, 2019 at 10:04 am #1132908
    vaology

    Thank you! Please see login info in this post.

    September 3, 2019 at 6:51 am #1133229
    Rikard

    Hi,

    Thanks for that. Please try the following CSS for the home page:

    .home .avia-builder-el-11 {
    position: absolute;
    left: 400px;
}

    It might be easier if you assign a class to the element in question so that you don’t have to target the builder element number in the CSS.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.