Jump to content
dawsonbarber

After upgrading to 2.3, background colour is being applied to Feature Section

Recommended Posts

dawsonbarber

After upgrading to 2.3, I found that there's an unwanted background colour being applied to a feature section using a fade transition.

I've tried a few other transitions and have noticed the same problem.

The only one transition that seems to be "immune" is scroll (all scroll transitions seem to be okay).

Share this post


Link to post
Share on other sites
joseneas

Hello dawsonbarber, the picture you are talking about is this:

Note:

image-background-of-features2.jpg

Many apologies for not resize the image. :(

I am also having problems with "Features Section." I use mode "Full width Background Image - No text" and when the site is loading, the images get a little "messy". Well, the "Features" seems to be with a bug?

Any idea what is causing the problem?

I use "Features Section" in static mode: 380px of height, and the images were cut to length 380px. But the width of each image is 1280px;

being that the layout of my site is in "Responsive - Percent Width".

I'm using Pagelines 2.3.

I appreciate the contact.

--

Share this post


Link to post
Share on other sites
Rob

I'm still trying to figure it out, but some new CSS elements have been added to the slider. One of them includes a dark-grey background image in CSS, which lays under the "background image" you set in feature settings. When there's a transparent image used as that user added background image, the dark grey image shows right through. Some CSS code related to the slide may also bring the CSS background forward, causing it to overlay the image you added.

I am bringing this to the attention of our developers.

On behalf of PageLines, apologies. We'll try to get this fixed.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Andrew

We added the background because we thought it produced more professional results. You can easily remove it with a custom css rule if you'd like:

something like this:


#site #feature_slider #feature-area {
background: transparent;
}[/CODE]

Should do it.

  • Like 1

Share this post


Link to post
Share on other sites
joseneas

Thanks arpowers.

Share this post


Link to post
Share on other sites
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja

We added the background because we thought it produced more professional results. You can easily remove it with a custom css rule if you'd like:

Transparent is transparent so why make it untransparent ?


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny

Peter, what do you mean?

Can you provide more information please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pehja

It was just a silly remark on arpowers comment. If I create a picture that has a transparent background. Then why add code to insert a black background in the framework. It messed up a few of my sites until i figured out I could add the code to have it removed...again.. For example I have an ellipse form in one of my features. Suddenly it was square with a background covering the back of the ellipse..


Professionell musician | Webbdesigner | Apple freak

Pehja Production.png

Share this post


Link to post
Share on other sites
Danny

Well Andrew has already gave his reasons for adding the background "we thought it produced more professional results".


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • 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?

×