Logo, Title, Slogan, Nav Bar, and having different Background Images

Vfxdude » BigFeature

Logo, Title, Slogan, Nav Bar, and having different Background Images

(3 posts) (2 voices)

Started 1 year ago by wakeupsmiling
Latest reply from wakeupsmiling

Tags:

wakeupsmiling
Member

I don't understand how to use the body classes.

I want to remove the logo, title, slogan, and change the background images for specific landing pages, but have the rest of the site maintain a consistent design.

I figured out the background image, but it repeats. I want it positioned left, no repeat, and fixed.

Then I want to remove the Logo, Title, Slogan, and Nav Bar to create more of a canvas or sales page look on specific pages.

I'm currently using the Bf Blank child theme, and to get the background to change, I browsed forum posts and basically added this to the editor:

.slug-landing-bna.page { background: url(http://wakeupsmiling.com/wp-content/uploads/2012/02/1.jpg);
}

As I said, it displays the background image I want, but it repeats. I know this is probably a standard CSS issue, but I want to make sure I code it right.

Thanks for the help.

Posted 1 year ago #
vfxdude
admin

This will remove the logo, slug, slogan and navigation for the landing-bna page (just replace for any other page. and also check the available body classes):

.slug-landing-bna #logo, .slug-landing-bna .blog-title, .slug-landing-bna .description, .slug-landing-bna .navigation { display:none; }

to remove the header, instead of the individual elements:
.slug-landing-bna #header { display:none; }

To make the background image not to repeat add no-repeat after the url. Answer to such things can be very easily found by googling them.

Posted 1 year ago #
wakeupsmiling
Member

I really appreciate the help. Thank you.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.