Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 3, 2015 at 1:12 am #422848
    svreatt

    Is it possible to have boarders on the outside of the boxed areas? I’m trying to convert this website over so it will be responsive. Any change to have some padding to move then in and expose the background color?

    This is site I’m converting: http://theaddictionscoach.com/

    Here is what I have so far: http://www.theaddictionscoach.com/new/

    Thanks

    April 3, 2015 at 3:09 pm #423076
    Yigit

    Hey svreatt!

    Not sure if i understood you clearly as i cannot see borders on your example site but if you would like to add borders to your boxed layout, please add following code to Quick CSS and adjust as needed

    .boxed #wrap_all {
  border: 2px solid black;
}

    If that does not help, please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page :)

    Best regards,
    Yigit

    April 3, 2015 at 4:03 pm #423125
    svreatt

    Thanks, that’s close but I noticed that it causes the header to shift to the right. I enclosed a screen shot of the site I’m recreating. Ok I don’t see a place to upload my screen shot. Here is a link to the site I’m recreating. I want to have the grey boards around the content blocks instead of just having a line separating the content blocks.

    http://theaddictionscoach.com/

    Thanks.

    April 5, 2015 at 3:32 am #423553
    Andy

    Hi!

    please add this to Quick CSS:

    .html_header_top.html_header_sticky #header {
border-right: 2px solid grey;
width: 1146px !important;
}

    Hope this helps.

    Best regards,
    Andy

    April 5, 2015 at 4:51 pm #423668
    svreatt

    Thanks, that helps.

    Is it possible to stop the header from shifting to the right? Now the right side is misaligned and sticking out from the body.

    April 6, 2015 at 6:13 am #423793
    Rikard

    Hey!

    Not sure what you mean by the header shifting to the right? This is what I’m seeing on my end: http://imgur.com/MyB5vGr. Please provide us with a screenshot highlighting the issue.

    Best regards,
    Rikard

    April 15, 2015 at 2:54 am #428622
    svreatt

    Here is a image showing how I wanted the boarders to look.

    http://theaddictionscoach.com/wp-content/uploads/2015/04/boarders.jpg

    Here is what the site looks like now.

    http://theaddictionscoach.com/

    Thanks

    April 16, 2015 at 5:35 pm #429763
    Andy

    Hi!

    your header is not shifting to the right for me. Everything looks good to me.
    So you want to avoid the gaps right? or what to do you want to show using the right arrows in your mockup/screenshot? Right now your site looks different to me than in your screenshot:

    So it seems to me that you already achieved what you want, right? If not, please elaborate and explain further so we get a clear idea of what you need.

    if this is not about the topic you have started (“Border around boxed content”) then please open a new ticket.

    Best regards,
    Andy

    • This reply was modified 9 years, 7 months ago by Andy.
    April 17, 2015 at 1:48 am #430047
    svreatt

    Ok, let me try to explain. First the screen shot is of the old design that I wanted to duplicate. I wanted to have lines around the two sections like in the screen shot. Just like where the arrows are pointing. The header one the new page is offset by one pixel to the right. I know it’n not much, but I would like it to line up if possible. I’m more wanting the borders like on the old design.

    I hope this clears things up.
    Thanks

    April 19, 2015 at 4:52 am #430805
    Ismael

    Hey!

    What you’re trying to do can’t be done without custom modification on the theme. Please hire a freelance developer to modify the page template. Anyway, you can try this in the Quick CSS field:

    .container .av-content-small.units > div {
  background: gray;
  padding: 25px;
  left: -25px;
  position: relative;
  border: 1px solid;
  top: -25px;
}

aside.sidebar.sidebar_right.smartphones_sidebar_active.alpha.units {
  background: gray;
  left: 25px;
  position: relative;
  border: 1px solid;
  top: 25px;
  padding: 25px;
}

aside.sidebar.sidebar_right.smartphones_sidebar_active.alpha.units > div {
  left: -25px;
  position: relative;
}

    Best regards,
    Ismael

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