Libratus Theme Home Page

JoeW

I have installed Zenphoto 1.6.1. The homepage image is OK on a desk top but on a mobile device or cell phone when held sideways is OK but when held upright the home page image is split in two with same image enlarged at the bottom half.
What am I doing wrong?
I have another website that it works fine on both orientations of the cell phone. I do not understand.
Anyone else having this problem?

fretzl

Try this...

In your theme options there's an option called "Custom CSS".

Enter the following CSS in the field and hit "Apply".

.cbp-bislideshow li {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.cbp-bislideshow li img {
    display: none;
}

JoeW

Thank you, Fretzl, It worked very well, thank you.
One more thing I noticed is when I am logged in as Admin and I click on the Admin link, A drop-down menu shows up on the bottom right corner, but it is all white with no text unless I hover with my mouse then the text becomes visible.
Is there any setting I can do for that? I have been using Zenphoto since version 1.5.1, it is great.

fretzl

You can add

#zp__admin_data a {
  color: #00999CC;
}

to the same Custom CSS field the theme's options.