Jump to content


Photo

Black Background In Each Bottom Post

iBlog Pro black background

  • Please log in to reply
13 replies to this topic

#1 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 26 October 2012 - 03:22 PM

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) ?
  • assomibatrifs likes this

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 26 October 2012 - 03:29 PM

Can you please post a screenshot of the site on the iOS device?
  • assomibatrifs likes this

#3 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 29 October 2012 - 12:59 AM

This is a screenshot from iPad ...

Attached Files

  • Attached File foto.JPG   230.65KB  5 downloads


#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 29 October 2012 - 10:04 AM

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;
}

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

#5 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 29 October 2012 - 10:40 PM

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.

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 30 October 2012 - 04:56 PM

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

#7 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 08 November 2012 - 11:42 PM

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.

#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 November 2012 - 12:26 AM

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

#9 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 09 November 2012 - 08:23 PM

At the bottom of the page ...

Attached Files



#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 09 November 2012 - 10:55 PM

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.

#11 hiroshi_a

hiroshi_a

    Member

  • Members
  • 17 posts
  • LocationFlorence, Italy
  • Country: Country Flag

Posted 11 November 2012 - 02:16 PM

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.

#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 November 2012 - 03:54 PM

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...ins/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.

#13 hansonexperience

hansonexperience

    Advocate

  • Members

  • 363 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 11 December 2012 - 01:52 PM

Thx for the code but the black area is still there in the footers left middle and right from the widget area: http://www.hansonexperience.com (switch of mobile theme)



#14 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 13 December 2012 - 03:35 PM

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







Also tagged with one or more of these keywords: iBlog Pro, black background