Jump to content
Sign in to follow this  
hiroshi_a

Black Background In Each Bottom Post

Recommended Posts

hiroshi_a    1
hiroshi_a

Why my site nonsolomac.com made with iBlog Pro 4.2.6 can be clearly seen on OSX (all browsers) but not on iOS device (black background each bottom post) ?

  • Like 1

Share this post


Link to post
Share on other sites
hiroshi_a    1
hiroshi_a

This is a screenshot from iPad ...

post-8919-0-85346900-1351472445_thumb.jp

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

This is caused by an image used in iBlogPro 4 to create a gradient effect. You can use the following code to resolve the issue.


#page .hentry {
background: white;
}

#page #sidebar .winner {
background: white;
}[/CODE]

iBlogPro 4 is now considered a legacy theme, have you not thought about upgrading to PageLines Framework and iBlogPro 5?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hiroshi_a    1
hiroshi_a

Thank you very much !

Where have I to paste this code ?

I have Pagelines Framework and iBlogPro 5, but I'm afraid that the upgrade causes problems, and I have not tried it yet.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

Just add the code to PageLines -> Site Options -> Custom Code -> Custom CSS, then save


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
hiroshi_a    1
hiroshi_a

Added the code to iBlog Pro 4 ---> Theme Options ---> Custom Code ---> Custom CSS ---> CSS Rules

Now the posts are OK, but left, middle and right sidebar still show black background.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi can you post an image of where the problems are occurring in the sidebars so we can work out what css needs to be targeted and corrected


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
hiroshi_a    1
hiroshi_a

At the bottom of the page ...

post-8919-0-61082600-1352492588_thumb.pn

Share this post


Link to post
Share on other sites
Rob    547
Rob

Buongiorno,

The Google+ icon and link are fixed, and I believe the social media icons in the foot of each post are causing the problem. When viewing in Android, the site looks fine, except the Google+ icon and number of likes stays at the top.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
hiroshi_a    1
hiroshi_a

No Rob, the Google+ social plug-in is not the cause of the problem.

However, I turned off because it was ugly.

The black blackground, with the code pasted in the "Custom Code" area, is only in the bottom of the page, in the area called left sidebar, middle sidebar and right sidebar.

Share this post


Link to post
Share on other sites
Rob    547
Rob

I just looked at your site on an Android device. I did not see any black areas in the Morefoot as your image clearly demonstrates. Thus I must conclude this is a browser-specific problem. We offer this product, free: http://pagelines.com/store/plugins/browser-css

It would help you apply a background color for the morefoot or the widgets you've added there or, perhaps selecting "background-color:transparent;" might be more appropriate. That plugin would apply the CSS specifically to the iPad and I'd suggest, the iPhone as well.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

@hansonexperience Please start a new topic with your question - thanks!  :)


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

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

Sign in to follow this  

  • Similar Content

    • dario
      By dario+
      For some reason I am unable to target an iSlider link's text.
      Chrome inspector shows this:
      .section-islider .content.element-dark h2, .section-islider .content.element-dark p, .section-islider .content.element-dark a { color: #333; } But I cannot seem to change the link's color, even when I specify the particular instance of the iSlider section.
      Caching is off, Cloudflare is in dev mode, server Cache is clear, viewing in Chrome incognito mode, etc.
      What am I missing?
    • bwdsl247
      By bwdsl247
      The DMS Control Panel background color is black for some reason...
       
      How can I set it to white?
       
      Running Chrome on Mac.
       
      Thanks,
       
      Scott
       
      P.S. FYI, tried to attached a 200KB JPG screenshot to this post showing this but kept getting 'This file was too big to upload'.
×