Skip to content

Improve Prettyblock simple image slider spacing and controls#868

Merged
CySSoO merged 1 commit intomasterfrom
cyssoo/ajuster-image-dans-prettyblock-simple-image
Jan 29, 2026
Merged

Improve Prettyblock simple image slider spacing and controls#868
CySSoO merged 1 commit intomasterfrom
cyssoo/ajuster-image-dans-prettyblock-simple-image

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Jan 29, 2026

Motivation

  • Make the central image larger when the Prettyblock simple image slider is active so the focal slide stands out.
  • Add padding/gap around the slider so side images don't appear visually cut off.
  • Ensure navigation arrows are visible and provide proper disabled styling so controls are usable and clear.

Description

  • Updated views/css/everblock.css to add outer padding on .ever-slider and column-gap plus vertical padding on .ever-slider-track to create spacing around items and avoid cropped edges.
  • Increased the active slide scale from scale(1.08) to scale(1.15) on .ever-slider-item.is-active to enlarge the central image.
  • Added visible arrow indicators via ::before on .ever-slider-prev/.ever-slider-next, added disabled styling for these buttons, and added responsive padding/gap adjustments for max-width breakpoints in views/css/everblock.css.
  • Synchronized the JS calculation in views/js/everblock-slider.js by changing the active-width CSS variable multiplier from 1.08 to 1.15 so button positioning remains correct with the new scale.

Testing

  • No automated tests were executed for this change in the repository during this rollout.

Codex Task

@CySSoO CySSoO merged commit ce5738b into master Jan 29, 2026
0 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant