Jump to content


Photo
- - - - -

Change Content Width Only

content width customize

Best Answer James B , 14 March 2013 - 03:29 AM

Its showing on your site that the color is still set to black, try the below.

 

 

 
.navbar.pl-color-black-trans {

    background-color: none !important;

    background-image: none !important;

    background-repeat: none !important;

    border-top: none !important;

}
 

 

Go to the full post


  • Please log in to reply
12 replies to this topic

#1 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 12 March 2013 - 10:36 PM

Hello--

 

I'd like my website to look like this: (see attached file)

 

This is what it looks like now:

 

Please Login or Register to see this Hidden Content

 

 

I don't want the content to be all the way to the edge like that, BUT I do want the header to be full width like that. Is there a way to change the content width ONLY? 

 

Also, if you go to the main page: 

Please Login or Register to see this Hidden Content

 

The background doesn't even appear. Any suggestions?

 

Thank you.

Attached Files



#2 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2013 - 03:28 AM

Hi there,

 

Ok you have a js error on the front page which is stopping the bg image from showing. If you disable your plugins it should come back, then you'll need to turn each one on, one by one to see which is causing the problem.

 

To get your logo/top banner to span the entire width of the site you'll need to use a css solution and change the set up of the site to 'full width' sections in the layout editor.

 

Once you've done that you'll be able to remove the logo you've uploaded from Pagelines>site options>website setup. Now you'll have a page with just the back on etc.

 

Then you'll need to apply a background to the header are of the site using css. If you've not used css in the framework before please check out -

Please Login or Register to see this Hidden Content

 

Basically you'll be giving a new instruction to the header area using the background-image instruction.

 

 

Please Login or Register to see this Hidden Content



#3 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 13 March 2013 - 04:54 PM

I tried disabling each plug in, but the background still never appeared. I'm at a complete loss.

 

Thanks-



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 March 2013 - 05:29 PM

Do you have the supersize background image option selected in Color Control?



#5 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 13 March 2013 - 05:40 PM

Catrina-- Yes, I do. I tried deselecting it and it still doesn't appear. 



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 13 March 2013 - 06:18 PM

What happens if you upload the background image to just one page in PageLines Meta Settings (in the WP page editor)?



#7 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 13 March 2013 - 06:49 PM

I fixed it! For some reason the meta settings weren't showing up for a few days, but I checked back and they were there and I fixed the issue.

The header width issue is fixed as well.

 

Thank you.

 

My new issue though, is the NAV BAR. I've looked through the forums and tried so many different CSS codes, but nothing has altered its appearance.  I want to make it so that there is no background--just transparent. I also want to be able to move the nav bar below the header image.

 

Thanks!



#8 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2013 - 09:48 PM

Hi there, in order to set the navbar to transparent you'll need to set each color option in the css to none. It might be easier to use the classic nav option if you're looking for just a plain text navigation.

 

If you wish to keep the navbar, take a look at this thread which shows you the color options for the code in css, you'll need to set each one of these to none in order for it to be transparent -

Please Login or Register to see this Hidden Content



#9 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 13 March 2013 - 10:05 PM

What am I doing wrong? It just stays black EVEN though I changed it to blue and put this code in. I'm at a loss here. I have "Navbar" in the drag and drop section  in the content area too. Maybe that's the issue? Thanks

 

Please Login or Register to see this Hidden Content



#10 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 March 2013 - 03:29 AM   Best Answer

Its showing on your site that the color is still set to black, try the below.

 

 

Please Login or Register to see this Hidden Content

 



#11 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 14 March 2013 - 03:27 PM

Still shows a slight transparent background...  I wonder why. Is there a way to move the navbar below the header background?



#12 dmgusa

dmgusa

    Member

  • Members
  • 22 posts
  • Country: Country Flag

Posted 14 March 2013 - 08:41 PM

Actually this is resolved. Thank you.



#13 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 March 2013 - 12:59 AM

Glad you got it resolved :-)







Also tagged with one or more of these keywords: content, width, customize