Jump to content
stefanoferruggiara

Se different background full width and content

Recommended Posts

stefanoferruggiara    5
stefanoferruggiara

How i can set the Pageliens Framework for have an effect Background and content like this: fullwidth, different background for any section, effect shadow between different content.

 

http://www.ilmentalista.com/


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
Rob    547
Rob

Buongiorno Stefano, 

 

The shadow is placed on a section, with a fuzzy appearance,

 

Combined between these two CSS elements, one can create some of the elements in that website.

 

http://www.w3schools.com/css/css_border.asp

 

http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

 

The section will be full width, if the layout is. Rounded corners can possibly be applied, but not sure.

 

The color of the section can be changed with CSS.

 

A background image can be applied with CSS.

 

The large image on that site is actually a slider.  It can be found here: https://github.com/seyDoggy/SeydoggySlideshow


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

An example of both?

 

Color

Background

 

On my site...


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
Rob    547
Rob

Stefano,

 

Here's an example just for testing.  Don't keep this permanently!

#content .content-pad {
    background-color: pink;
    border-bottom: 6px solid gray;
    padding-top: 10px;
    box-shadow: 0 10px 5px silver;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Thanks! Listen Rob...who should I ask for a refund?

James?

You can tell me how to contact the administrative department for a refund?

Thanks


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
Rob    547
Rob

Buongiorno Stefano,

 

I'm a little lost here.  What are you asking a refund for? A child theme? A plugin?

 

Stefano, refunds are done by the business office by writing to hello( at )pagelines.com.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

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


  • Similar Content

    • 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?
    • 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?
    • martinjrob
      By martinjrob+
      I am having problems in figuring out how to make the sections transparent so it shows 1 background color, Image.
      I have made all sections with no background colour as it suggests in pagelines docs
      this is the domain name http://www.socialwebservice.co.uk/ and this is how i would like it to look http://ecologysurveysinnorfolk.co.uk/
       
      Any help will be much appreciated. 
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • zetanet
      By zetanet+
      I can insert three text box in a page, of course.
      I'm not able to set three different background colors to each text box.
      I would like a result as the attached picture.
      How do I do this?

×