Jump to content
Sign in to follow this  
dmgusa

Background Between Nav & Morefoot

Recommended Posts

dmgusa    0
dmgusa

If you take a look at my page: http://burnsconstructioninc.com/

I want a white background between JUST the nav and morefoot. Is that possible? I tried a few different codes in custom css I found around the forums, but they didn't have the results I need.

Thank you!

Share this post


Link to post
Share on other sites
catrina    103
catrina

You should try adding a background color (with custom CSS) to the dynamic-content ID class.


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
dmgusa    0
dmgusa

Thanks, I got this to work:


#dynamic-content {

background-color:white;

}

How would I center it? It's off balance.

Share this post


Link to post
Share on other sites
dmgusa    0
dmgusa

This is everything I have. I think I just need to make the nav and header image the same width as the rest and I'm good to go.

Here's all my custom css:


body{}

#branding .content-pad {

	    padding-top: 5px;

	    padding-bottom: 5px;


	    }

#dynamic-content {

  background-color:white;

  background-position: center;


}

#page #postloop, #page-main div.container-group {width: 675px; margin: 0 auto;}

#navbar .content {width: 865px !important }

.top_thumbs .fboxgraphic, .only_thumbs .fboxgraphic {

		 margin-left: auto;

		 margin-right: auto;

    margin: 0 auto;

	    }


#morefoot {

  background-image:url(http://burnsconstructioninc.com/wp-content/uploads/2012/10/morefoot.png);

		 background-repeat: none;

						   background-position: top center;}

#page #morefoot_area {width: 870px;}

Share this post


Link to post
Share on other sites
catrina    103
catrina


#dynamic-content {

background-color:white;

}

^ In this code, add this right after background-color: white;
margin: 0 auto;


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
James B    436
James B

The topic was marked as resolved.


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

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

Sign in to follow this  

  • Similar Content

    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • pehja
      By pehja+
      It would be nice to have an option in the impuls section to only view hamburger menu.  That or let nav pro have that option ad also transparent background. Impuls is a great section. Love it.
    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • catalinam
      By catalinam+
      Hi lovely Pagelines Forum Helpers!
      I am new to Pagelines as well as coding in general so sorry if this is stooopid. 
      I am reimaging my site www.theunimpossibles.com and I am trying to do a few seemingly simple things using paleness and modifying the lynette theme.
      How do I put a fine key line on the bottom of the dropdown nav? e.g. <hr style="height:1px;border-width:0;color:#e4e4e4;background-color:#e4e4e4”> I want a second nav in grey to site above it but I can't get the grey to go all the way to the top and full width. Is it possible to put social icons in the nav too? How can I make these two nav global but underneath the slider as per below only on the homepage? Is it possible to embed the royal slider onto the homepage? e.g putting the shortcode [new_royalslider id="4"] in the embed area generates the error: [RoyalSlider Error] Incorrect RoyalSlider ID or problem with query. Is it possible to make the slider, the instagram feed and the hero image on the blog posts full bleed? On the category page e.g http://theunimpossibles.com/category/recipes I would like to change "Posts  Currently viewing the category: "OM NOMS"" to be bigger, centred, and with more padding and only show the words "TOPIC: OM NOMS". Is it possible to remove the extract and put the date underneath similar to:  http://grittypretty.com/category/makeup/? Is it possible to make the post images on the blog posts wider and the text smaller? http://theunimpossibles.com/2015/06/30/amazingly-delicious-paleo-orange-blueberry-almond-meal-scones-with-earl-grey-cashew-cream/?pl_edit=on e.g the blog posts similar to http://grittypretty.com/makeup/the-top-6-office-beauty-must-haves/?  Obviously keeping everything responsive!
      I have been trying to Google all of this but alas I am very very stuck and would appreciate any help!
      Kindest,
      Catalina
       
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
×