Tue, 2013-02-12 03:47
Hi all.
Complete CSS amateur [who knows enough to follow a tut or too]
Site at eluminated.com.au
Want to make static home page; set a full width background image for this page only and then make the black content box transparent so the text appears to be sitting on top of the image.
I know I can do this with the body_class and some CSS however it is a lot beyond my skills.
Would appreciate some assistance to styling this one page with CSS as all googling reveals this would be the easiest way
Thanks in advance
Kez
Tue, 2013-02-12 03:50
#1
Just to clarify the content
Just to clarify the content would only be transparent on this page and the footer needs to be removed on this page only.
Tue, 2013-02-12 09:22
#2
Hi wedbykez, welcome to the
Hi wedbykez, welcome to the forum,
In all honest a lot of what you require is not necessarily straightforward or simply css styling. You are attempting to modify a pre-built premium theme, pre-built themes are designed to do what they do in terms of layout and are not necessarily customizable depending though on how the theme author has set things up for the user of course. While it's true that in theory all themes built on the WP api framework are customizable some themes depart from WP conventions making this particularly difficult to do.
At this stage it's not overly clear whether you want to create a static home page or whether this is actually a custom home page ( as it looks as though it must be)
Setting a background image to be fixed for this page seems to defeat the point of the pages fluid nature & I can't determine why you would want that as there seems little point - although I dread to think what sizes those full viewport series of images are.
The backgrounds on the menu are graphics so you can't simply make them transparent without re-factoring the actual graphics in a suitable graphics app, you could simply locate the image calls in the stylesheet and remove them though, you would then need to deal with the text color to make it stand out.
Removing the footer is a markup / template consideration on the home.php/index.php or custom named template set for front page reading you could simply call a new named footer get_footer('home-page') which would be a copy of the original footer file with markup elements not required removed, conversely you could hide elements via CSS but CSS shouldn't really be used to hide elements on mass as it's illusory that it does.
In all honesty it sounds like the changes you want to make are better suited and less grief to achieve if you were to hire a developer to make the changes for you.