ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• April 17, 2015 at 4:48 pm #166085
  GTS75

  Member

  Post count: 240

  This may be a long shot…but I’d like to add blank spacers to the sidebar widget section of my blog posts so that they’re centered in the middle. I don’t want actual sidebar widgets or menus to display..so my first solution was to add white images to a sidebar widget and display them on both the left and the right sidebar, but then on mobile devices I ended up with a big ugly white gap under the post content where the widgets display. Is there a way to edit the width of specific sidebar widgets? How about all of them? Is there another way to accomplish this? Please look at the example of a blog style that I’d like to recreate.

  Thanks in advance for your help

  Attachments:

  You must be logged in to view attached files.
  April 19, 2015 at 10:38 am #166264
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add the blog asset to your page, and resize it to 2/3
  Then in the blog asset settings, add an extra class offset-2

  You can set sidebars to none

  – Kyle

  April 20, 2015 at 4:32 am #166295
  GTS75

  Member

  Post count: 240

  Hey Kyle,

  I have a new page, and I’ve added the blog page element to the swift page builder. However I don’t see an option to resize the blog element to 2/3…it seems to just take up the full width of the drag and drop box. Your description sounds like a perfect solution not having to use sidebars but I can’t seem to follow your directions correctly.

  Thanks,
  Dan

  April 20, 2015 at 7:00 am #166329
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sorry nhood doesn’t include different blog side options.

  Ok add a custom class to your blog, for e.g. narrowblog

  Then please provide me with your link

  – Kyle

  April 20, 2015 at 3:55 pm #166507
  GTS75

  Member

  Post count: 240

  This reply has been marked as private.
  April 20, 2015 at 6:09 pm #166546
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Looks like you’re using a sidebar..

  – Kyle

  April 20, 2015 at 6:37 pm #166557
  GTS75

  Member

  Post count: 240

  Okay I removed the sidebar. What do I have to do to make the content centered with margins about half the size of a typical sidebar?

  April 20, 2015 at 7:03 pm #166561
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  .spb_blog_widget.narrowblog {
    width: 80%;
    margin-left: 10%;
  }
  
  .spb_blog_widget.narrowblog .span12 {
    width: 100%;
  }

  – Kyle

  April 21, 2015 at 2:07 pm #166919
  GTS75

  Member

  Post count: 240

  Hey Kyle – That css worked in making my blog page centered with the side margins, but can I apply that same formatting to each blog post once the use clicks to open up the actual post? I’d like the same exact side margins and centered content. How is this possible?

  Dan

  April 22, 2015 at 5:48 am #167081
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me any blog post url to check and find the exact css selector.
  Thanks
  Mohammad

  April 22, 2015 at 1:51 pm #167354
  GTS75

  Member

  Post count: 240

  This reply has been marked as private.
  April 23, 2015 at 10:54 am #167610
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try this:

  .single-post .has-no-sidebar .page-content.span12 {
    width: 80%;
    margin-left: 10%;
  }
  .single-post .has-no-sidebar .spb_content_element.span12 {
    width: 100%;
  }

  – Kyle

  April 23, 2015 at 2:36 pm #167734
  GTS75

  Member

  Post count: 240

  That worked for the margins…but it crunches all of my post content, cuts off images and won’t allow two single image page elements to be side by side on the page. Anything else you can think of to keep the margins while resizing the page element content to not be affected?

  April 23, 2015 at 2:39 pm #167736
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately not sorry :/ the issue is Neighorhoods grid is set using actual widths in pixels, every column size has a width in px rather than %, therefore it’s difficult to change sizes, sorry

  – Kyle

  April 23, 2015 at 2:45 pm #167742
  GTS75

  Member

  Post count: 240

  Alright I figured. Thanks for checking in on this.

• Back to forum

  Posted in: Neighborhood