Yes I want the image to stay the same way as it is on the desktop site but be full size on mobile.

Hi Ismael,

I turned off enfold lightbox for the page and changed to Pro Lightbox in NextGen settings (so we have social media buttons, comments on pictures etc.). Everything worked fine on high-resolution displays but then there occured a big problem: On smaller displays (e.g. Surface Pro 3 using chrome [firefox and edge working!!] and my iPhone) this error gets displayed when I am opening an image:
‘fatal error: could not extract a stage height from CSS. Traced height: 0px’
After some research I found several users using enfold with the same problem (if I switch to standard theme everything works great; on enfold support forums I was able to find 2 threads about this). The only working solution (I was able to find) was this:
– turn off enfold lightbox in the whole theme
– add ‘height: 100%’ at .galleria-theme-nextgen_pro_lightbox .galleria-stage in this file: /wp-content/plugins/nextgen-gallery-plus/modules/nextgen_pro_lightbox/static/theme/galleria.nextgen_pro_lightbox.css
Solution found here: https://kriesi.at/support/topic/fatal-error-with-nextgen-plus-1-3-0/
Well, if anything would work now it would be great and yeah everything is still fine on big displays but I think the solution caused the following problem:
– on mobile displays not the full picture gets displayed (there is some kind of ‘zoom’ into the picture)
– using chrome on my surface the image does not get scaled and centered correctly. I display comments initially as without the user might not see the function (more detailed screenshot you can see in private content).

Could you tell me whats going wrong? How can I fix this? We are in urgent need of this function.
The edited block with height 100% looks like this at the moment:
.galleria-theme-nextgen_pro_lightbox .galleria-stage {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
height: 100%;
}
Should I edit something more in here?

Hello,

Both attempts did not work. The red elements are still red.

I have tried the Quick CSS and also tried the General Settings > Alternative Color > Primary Color // Highlight Color

The parts that I am trying to adjust are namely the hover in the primary nav from red to: #ff9d00

and the periods at the end of the titles, some text in the body that is still red even if you try to over-right with kitchen sink HTML in the case of body element paragraph copy.

I completed each step that is here: https://kriesi.at/support/topic/color-change-2/#post-766749

Where would be next place to try?

Thanks in advance

Thanks that works perfectly. Also thanks to all of you for never stopping to make Enfold better!

Rob

Danke für´s nachschauen! :)
Der Link funktioniert leider nicht. Ich denke, da ist ein Übersetztungsprogramm am Werk?

Aber ich werde den Standard-Editor ausprobieren. Hoffe es klappt dann.

LG – Birgit

————-Edit————–
I find the link. I try it! THX!
https://kriesi.at/support/topic/post-meta-information-not-appearing-on-single-post-in-restaurant-theme-in-enfold/

• This reply was modified 8 years, 12 months ago by Photojunky.

Thanks Nikko,

But when I put on a background color on a block, it will be moved to the top and the “left sidebar” will move to the buttom…

Can you tell me how I can color with still the “left sidebar” ?

Thanks!

Hi Ismael,

Apologies for the delay in getting back to this (was out of the country!).

The first CSS code for changing the top header’s transparency is working, however the second/last CSS edit you suggested does not seem to be doing anything (the opacity doesn’t change when I edit the value from .1).

Any ideas?

Thank you!