Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Child Base/black Square

Question

Posted · Report post

I recently started noticing when I go to my site (http://tinyurl.com/afpg4cr) that a black square appears right before the full background screen picture shows up. This started happening after I activated the pagelines framework child theme that I downloaded from the pageline store and later activated. This did not happen when the pageline framework theme was activated.

My understanding was that it was better to work on the child theme to avoid losing certain important codes/etc in the event of a pageline framework/updates/upgrades, etc.

So my questions are:

1) What is the reason for the black square?

2) Would you recommend to continue working on the child theme or go back to the other one?

Thanks for your help.

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

Hi Simon, the black box is the loader for the supersize background, the reason it appears is to show you that its loading/looking for the image prior to it displaying on the page. If you want to remove it using Css you can use the below, just paste in to Pagelines>site options>custom code


#supersized-loader {

    display: none;

}

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

unchecking the supersize option removes the black square.

checked firebug but I do not know how to use it. it seems there is nothing to display and background is transparent.

Now I dont want to sound blunt but I honestly though there was going to be less of the behind scenes with framework. Now, it appears a simple supersize background pic have to be handled via CSS? And I havent even started to do anything with this site.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you advise on question #2 above?

Share this post


Link to post
Share on other sites

Posted · Report post

Simon,

I think the problem comes from the Supersize function of our Background settings.

Try unchecking that option in Dashboard > PageLines > Site Options > Website Setup.

Once it's unchecked, see if the black box vanishes.

If it does not, and it appears on top of the image, use Firebug to identify the specific element then give it display:none; or background-color: transparent;

Should that make it disappear, try reactivating Supersize to see if that fixes the problem.

If turning off Supersize does work, then we'll find some CSS for you to use a stylesheet method of supersizing.

Share this post


Link to post
Share on other sites

Posted · Report post

Regarding your second question: You can try going back to the other child theme (I assume you're referring to base theme) to see if that works better for you.

Share this post


Link to post
Share on other sites

Posted · Report post

That's what I'm talking about James. Straight and to the point. Thanks!

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

I tried both. It did not get rid of the the black square. So what would be the css code this guy above referring to?

Will there be a fix for this supersize issue?

Share this post


Link to post
Share on other sites