Jump to content
nandorj78

Content Box

Recommended Posts

nandorj78+    8
nandorj78

Is there a way to have different content boxes?

 

I cloned mine hoping to be able to have a different content in the new one, but it simply copied the original one.

 

thanks

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

You should be able to edit individually on the page editor (at the bottom). Will probably say something like "Content Box #1" and "Content Box #2". Also, check the Page Options menu (under PageLines) as well.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

Hi - what is the url to your site so I can take a look


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this 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.

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Silly me! It was so obvious!

 

Now I have something trickier... How about having a different background colour to each of them?

I managed to change the colour, but I think it'll be the same for all of them. The CSS line I added was:

#contentbox {
        background: #D8D8D8;
}

Share this post


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

Hi there,

 

When you set up each contentbox you can give each one a custom class. Once you've done that you can use that class to set the css for that content box only. For example if you called it 'mybox'. Use the class .mybox then your css.


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
nandorj78+    8
nandorj78

Hi there,

 

When you set up each contentbox you can give each one a custom class. Once you've done that you can use that class to set the css for that content box only. For example if you called it 'mybox'. Use the class .mybox then your css.

So it would look like that, for example: Yes or no?

#contentbox1 {
        background: #D8D8D8;
}

#contentbox2 {
        background: #000000;
}

Share this post


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

No if you're looking to apply css to the contentbox clone you'll need to use the class of the clone. Like .clone_2

 

In firebug you'll see the class for cloned sections appear in the inspector like this - http://screencast.com/t/7FfIAVF02ZBQ


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
nandorj78+    8
nandorj78

Still can't seem to figure this out. :(

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi, actually, this is easier than it seems.

 

When you go to Dashboard > PageLines > Drag & Drop and apply the Content Box to a template, there's a button on it which allows you to clone it to the same template. When you then go to the post or page using that template you'll see Content Box and then Content Box #2 and so on.  As you'll see in the image below, there's a field to add a class to the box. There, you type some unique term, as James suggested, mybox3 (in my example).


post-6-0-31047900-1365267922_thumb.jpg

 

Then, you add CSS to Dashboard > PageLines > Site Options > Custom Code. Here's what I did in my test:

.mybox3 {background-color: #e7e7e7;}

And the result is to set the background color to the Content Box as shown in the image below (the grey one matches the example above):

post-6-0-51714900-1365268089_thumb.jpg

 

Note that in my CSS example, I used the class created in the Meta Settings for that cloned Content Box, but added the dot making it .mybox in writing the CSS.  Do not add the dot when creating the class in the settings. It is only used in the CSS code.  To recap, in the Box settings, it's mybox3, but in the custom code, it's .mybox3.

 

Hopefully, this will clear it up for you and help you successfully style your Content Boxes.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Ok... here is what happened after I treid your suggestion (see attached pictures)

 

What I wanted to do is to have the whole light grey are cloned with a new color.. The suggestion given to me only modified some part inside the light grey area.

 

Well, I hope I have made my self understood

 

Anyway, I appreciate your help very much

 

Thanks

 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

Not sure where you're getting the following:

 

.contentbox2

 

There is no such class and therefore that could shouldn't work. If you wish to style a cloned section, see my replies to this topic, it should assist you.

 

http://www.pagelines.com/forum/topic/25814-change-content-pad-on-content-box/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

I added a class to the cloned box (contentbox2)

 

My hope was that its coulor would cover all the light grey area, like the original content box. But it did not. I used dar grey, but it was only  atest color to see if it worked. The issue is, I wand the clone content box to have a different color than the content box (full width speaking).

 

Maybe I'm not explaining myself clearly, sorry for that.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

When creating unique classes for elements, it's important to make sure they're absolutely unique terms.  This is why James and I recommended using something other than contentbox2, as it can create potential conflicts later on. Naming conventions in CSS are important, and avoid confusion.

 

As I understand it, the request was to color the individual content boxes, which we've done. Now, it seems that's not what you wish to recolor, but the background of the section where the content boxes appear. Is this correct? If so, please provide a link to the page where the boxes appear.

 

Thanks for helping us clarify this.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Hi Rob, I

 

Think you got the point now!

 

The site is blocked at the moment. Can I give you a print screen of the code of the section in question?

Share this post


Link to post
Share on other sites
Rob    547
Rob

A screen shot might help.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Here it is!

Share this post


Link to post
Share on other sites
Rob    547
Rob

Thanks.  I think the problem is you're focusing on the content boxes, and not on the section where they're placed.  Where did you place the content boxes in Drag & Drop? They don't appear to be in the Content Area. So it's the section where the content boxes are that we have to color, not the content boxes themselves.  If the site were live, I'd be able to see it fairly quick.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Yes, Page Template (Default) Drag & Drop

Share this post


Link to post
Share on other sites
Rob    547
Rob

Okay, using Firebug for Firefox, or Chrome's Inspection Tool, look at the area outside the content boxes and you'll find this:

#site #page, #site #dynamic-content

 

There may be no background color there as this will probably pick up colors from Dashboard > PageLines > Site Options > Color Control.

 

You can add something like:

background-color: red;

 

Which would make it a red background just for that section.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

It made the entire drag and drop area red!

 

Ok, I give up... I'll let the site be up and running and get back to it with you guys, so that you can see it live.

 

Thanks a lot for the help.

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

I think the problem is with this part of the code:

 

 

#contentbox {
        background: #D8D8D8;
}
 
 
It will make all content boxes that I create this color. But I want each one with a different color.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Yes it will, and you're free to change that, and the way you do it, again, is to use a specific class, when creating each content box, then writing code change the color for that class, and each box will be a different color.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nandorj78+    8
nandorj78

Ok thanks, I'll bring this up again once the site is up and running. Thanks!

Share this post


Link to post
Share on other sites
Rob    547
Rob

As soon as we can see it live, we can help you more.


Former PageLines Moderator, Food Expert and Raconteur

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

    • miramax
      By miramax
      We just upgraded to DMS v1.0.3 and the Content Box section (which we used extensively) is no longer available.  What happened?
    • macooney
      By macooney
      I've searched around, but still cannot find an answer to this missing argument error for content box. 
      Recently installed DMS. - was using Framework prior.
       
      Any help would be appreciated. Using Revo theme - but error occurs in basic DMS, too.
       
      "Warning: Missing argument 1 for PageLinesContentBox::section_template(), called in .... "
      please see attached screen shot.  
       
      I don't know anything about code - which is why I like this idea of drag and drop - but when something goes wrong.... I rock back and forth and sob. 
       
      Thanks in advance...
       
      Mac
       
      www.cooneystudio.com
      Hosted on GoDaddy
      Theme Revo with 2 Widgets
      You are using WordPress 3.6. 
       
    • helvetik_a
      By helvetik_a
      Hi, i have several problems to select elements like the content box etc with css and style them....
      I have this content-box clone in the footer area and it's not reacting at all...
       
      the selectors are:
      .third_nav_hello
      .third_nav
       
      (A List)
       
      I tried to desactivate all plugins but there is no change....Is there maybe a permission problem?
       
      http://new.pilates-personaltraining.ch/
       
      THX Corina
    • joshua22
      By joshua22
      Hey Guys and Gals -
       
      How is everybody? 
       
      I have a new question for you. I am pretty sure it is simple and I am just missing it. On my site tcihotels.com, I have a full page background picture of the ocean; its the first page you see when you got to the site. I can add content but you cant read because the background is overwhelming the text.
       
      I want to be able to have the full page background pic, while also having the normal content box, For example: http://atlantisvacations.com/  This site has a full page background as well as the the content box where all the content is readable.
       
      How can I accomplish this using pagelines? I would like to have full page caribbean themes on my pages
       
      Thank you 
       
      Joshua
    • Farida
      By Farida
      How do I modify the content of the content-box I have placed in my footer?
       
      Right now my site has 3 content-boxes in the CONTENT section of my homepage: content-box1, content-box2,  content-box3.
       
      I added another content-box to the FOOTER, and by default, it is showing the content of content-box1 I want to add new information to the footer content-box, making it content-box4 but don't know how to access and change it. Please help, thanks.
×