- This topic has 4 replies, 2 voices, and was last updated 7 years, 8 months ago by
Hash.
- AuthorPosts
- April 4, 2017 at 6:33 pm #2701
jonideeParticipantHi,
Thanks again for all the support.
I figured out how to change each HOMEPAGE sections background to display images rather than colors on the Extra CSS.
My question is whether I can define large background picture say “homepage-bg.jpg” that certain sections will use:
so if my website has
– slider
– about
– featured
– portfolio
I can get that image to be shown only on the “about” and then continues at “portfolio”I know this is a tad complicted but i;ve seen it used in diffrent website that has “sections” and it looks very smooth, see an example: https://www.mylittlepiccolo.com/
Thanks yet again
JonApril 4, 2017 at 6:47 pm #2702jonideeParticipantI defined the background image and using this attrib in the CUSTIOM CSS:
#ht-featured-post-section{
background: none;
}seems like doing the trick. is that okay?
Is there a way to keep the image static like the example i gave abobe, i.e. making sure it doesnt scroll along with the sections?
April 4, 2017 at 7:46 pm #2706jonideeParticipantOkay apologies this has became a monolog
this did the trick:
body {
/* Fallback for when there is no custom background color defined. */background-image: url(‘http://www.piccolo.co.il/wp-content/uploads/2017/04/main-background1.jpg’);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed !important;
z-index: -1 !important;April 4, 2017 at 8:07 pm #2707jonideeParticipantI managed all of the above but affected the pages as well.
to avoid the issue created a class called “home-bg” and put in all these background attribs there.
then on the homepage template i added <html class=”home-bg”>Now it’s all working, but i’m afraid to temper with the html class. is this right way to do it?
thank you
April 13, 2017 at 12:38 am #2769HashKeymasterIts good as long as you manage it to work 😀 Just don’t update the theme.
- AuthorPosts
- You must be logged in to reply to this topic.
