Jump to content
jlsc

How to create double sidebars within single sidebar layout

Recommended Posts

jlsc    0
jlsc

Hi,

 

I'm currently using the single sidebar layout globally. I'd like to have images/widgets span the entire sidebar up top, but below that, I'd like the sidebar to be split into two colums/sidebars so each image or widget takes up half of the sidebar. Is this possible? I've searched the forum without luck.

 

Thanks for your help.

 

Jess

www.MakeAndDoGirl.com

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Jess

 

Yes that's possible. In the drag and drop area you'll see an option above the sidebar for a section called 'wrap'.

 

http://screencast.com/t/JROjjoZFe

 

In there you can place sidebars to hold widgets, or sections like the 'contentbox' (a free container section from the pagelines store) or quickslider, highlight. Just make sure a sidebar or one of those sections is placed inside that area in the drag and drop, and that the sidebars are active on the page and the content will populate.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jlsc    0
jlsc

Hey James,

 

Thanks for the info. I'm only about 25% clear on how to do this. I've now downloaded and installed a content box. When I go to the Site Defaults and try to configure the content box is where I get lost. My goal is to be able to insert two different clickable images side by side that are half the size of the other images. Essentially, I want to be able to offer two different ad sizes in one main column (145x145 px and 300x145 px).

 

I've having trouble finding more info about how to use content boxes in the docs. Can you please help?

 

Thanks!

 

Jess

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Jess

 

Inside the contentbox meta in the site defaults you'll be able to add the content directly. To get two images/ads to display side by side you'll need to spilt the contentbox in two using the Pagelines Grid system, which you can find here - http://demo.pagelines.me/tools/.

 

The grid system is a series of shortcodes that you can embed your content inside, the span you'll need to choose for 50% of the contentbox would be span6, this will spilt the contentbox into two columns, you can place your ad code/image inside each column.

    <div class="row">
    <div class="span6">your content goes here</div>
    <div class="span6">your content goes here</div>
    </div>

Full details on the contentbox section can be found here - http://support.pagelines.me/docs/sections/content-box/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
jlsc    0
jlsc

Ahh! James! It worked! Amazing. Thank you.

 

1. How am I able to adust the spacing between both the side by side content boxes and then the rows of content boxes? I'd like to have the same space between the images, vertically and horizontally (and ideally, no space at all, just having the images touch each other on all sides).

 

2. I'd like to set up a content box in both the wrap sidebar and sidebar 1, but I'd like each to have different content. I'm confused because these both seem like they should be set up in the meta settings, but there is only one content box there to affect.

 

Thanks again for your help.

Share this post


Link to post
Share on other sites
catrina    103
catrina

1. You’ll need to use Custom CSS (in PageLines > Site Options > Custom Code > Custom CSS/LESS). To find the Custom CSS you need, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions: http://support.pagelines.me/docs/customization/custom-css. In your case, you'll need to increase the padding of the area, so you'll need to use this property: http://www.w3schools.com/css/css_padding.asp (there's an example for reducing padding at the bottom of the instructions – but you will need to increase the padding instead by just using a higher px value).

 

2. ContentBox cannot be used in sidebars. Instead of a ContentBox, please use a regular Text widget in sidebar wrap and sidebar 1 (it has the same functionality as ContentBox and allows HTML).


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • Anthony King
      By Anthony King+
      I have to say that I like the Layout and the Template based sections. Some of them are really impressive.
      One of the things that I would like to request though is the possibility of being able to dynamically rearrange the layout.
      An example of what I am talking about is take the Agency Section. It's current layout starts with the
      Splash Module then the Portfolio Module then the Service Module and so on and so forth.
      What would be great is if we were able to move these modules around. I.e have the Service Module first
      then maybe the Splash, and then the portfolio.
       
    • Queue-it
      By Queue-it+
      Hi,
      Is is possible to have different layouts for different Post categories? We have Blog posts, News posts and Case studies that all are posts, but is it possible to differentiate their layouts?
      So far when I change a post layout it affects all Post type pages. Could it be done somehow with creating a separate template? 
      Examples below
      https://queue-it.com/news/
      https://queue-it.com/blog/
       
    • huskers2011
      By huskers2011+
      Although my layout in edit view is correct, when I look at the page the layout is wrong. I have moved the sections around and the layout remains the same when I view it. Im using 
       PageLines Platform 5 - v5.0.162 running a Pageline theme &  Wordpress version 4.6.1
      The page is http://kwamedawes.com/speak-from-here-to-there-the-dialogue/ the section order is incorrect. and
      http://kwamedawes.com/speak-from-here-to-there-the-poems/ top section is laid out like the bottom section, but displays as shown.
       
      Thanks for any help.
      Lorna
    • colleenc
      By colleenc+
      I am having an issue with the size of the font in a text box widget on my sidebar. It has me completely baffled because I have two text widgets on my sidebar and the other one is displaying perfectly. 
      The sole difference between the two is the amount of text in the widget, but that can't be the problem.
      My site is: loveandnudes.com and the text widgets are on the right side at the top. 
      I have duplicated the one with the issue and I am fiddling with it right now to see if I can find a solution. But I would love any suggestions. I though CSS would do the trick, but either I tried the wrong thing - or I put it into the wrong place.
      Thanks for your help!
×