Relocate or disable prev next navigation text

  • In the at least the Masonry Gallery display, I would like to either fix the textual navigation (prev/next) so that it’s always in the lower left (and a lighter gray) or just disable it.

    I believe the latter can be done with CSS. I don’t see any settings relative to this tho.

    • This topic was modified 3 years, 8 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please provide a link to a page on your site where we can see this. Thanks.

    Thread Starter forrie

    (@forrie)

    My site is in a Docker container, so I can’t provide a link. Here is a link to a screen capture of the modal:

    Navigation text

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If I can’t inspect the CSS, I can’t offer a solution.

    Which plugin are you using for this?

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter forrie

    (@forrie)

    This is under the gallery controls; Masonry gallery. Here is the inspect output from Chrome:

    <div class="gallery-controls slider-gallery-controls  hide-icons d-flex flex-lg-column flex-row justify-content-around py-2 py-lg-3" data-display-hidden="false">
				<span class="gallery-control m-0 mt-1 p-0">
			<span class="gallery-control gallery-control__prev text-uppercase m-0 p-0 swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true">prev</span>
			<span class="gallery-control gallery-control__none m-0 p-0">/</span>
			<!--<span class="gallery-control gallery-control__caption"></span>-->
			<span class="gallery-control gallery-control__next text-uppercase m-0 p-0" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false">next</span>
		</span>
		<span class="gallery-control gallery-control__lightbox text-uppercase m-0 mt-1 p-0 d-none">zoom</span>
		<span class="gallery-control gallery-control__fullscreen text-uppercase m-0 mt-1 p-0 d-none">fullscreen</span>
		<span class="gallery-control gallery-control__thumbs text-uppercase m-0 mt-1 p-0">show thumbnails</span>
		<span class="gallery-control gallery-control__pagination-fraction text-uppercase m-0 mt-1 p-0 slider-pagination-fraction"><span class="slider-pagination-current p-0 m-0">1</span> / <span class="slider-pagination-total p-0 m-0">6</span></span>
	</div>
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If I can’t inspect the CSS, I can’t offer a solution. When you have a visible site, let me know.

    Meantime, again, what plugin are you using for this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Relocate or disable prev next navigation text’ is closed to new replies.

Tags