Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 13, 2016 at 2:37 pm #698751
    katiebethfalls

    Hello,

    I’m trying to get a promo box within a color section to align with the right side of the screen so it looks like it is “jutting out” of the screen. See screenshot here: http://tinypic.com/r/357n7f4/9. I want to move the box where the red arrows show.

    I currently have an empty 2/5 column to the left, and the box is in a 3/5 column. These are both within a color section.

    I have tried messing around with margins with CSS, but I am lost. Any help will be greatly appreciated.

    Thanks!
    Katie

    October 16, 2016 at 9:20 am #699479
    Rikard

    Hi katiebethfalls,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    October 19, 2016 at 12:07 am #700956
    katiebethfalls

    Hi Rikard,

    The website is at http://198.46.81.196/~iaqaor5/

    The box I’m talking about is actually on that homepage – titled “Notice Our New Look?”

    Thanks,
    Katie

    October 20, 2016 at 6:25 am #701643
    Nikko

    Hey!

    You can try to add this in Quick CSS (located in Enfold > General Styling):

    @media only screen and (min-width:1400px) {
  .page-id-10 .flex_column.av_three_fifth.avia-builder-el-8.el_after_av_two_fifth.avia-builder-el-last {
    position: relative;
    right: -100px;
  }
}

    Just adjust the values, the greater the negative value the more it goes to the right. Can you let us know how wide your screen is? so we can adjust the code, the code above only applies to those who have greater than 1400px screen width, this is just to make sure it will not be messed up for those whose screen aren’t wide enough.

    Best regards,
    Nikko

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