Emerge Theme: Adjusting Position of Text and Slide Circles and Remove Side Arrows

boobieshack
Tourist
11 0 3

Hello! I am hoping to make edits to the homepage slideshow settings in the Emerge theme. I would like to:

  1. Reposition the text from the lower left to the middle left
  2. Reposition the slide circles from the lower right to the lower center
  3. Remove the arrows to advance the slides on the left and right side of the slide image

Included an image to outline the edits. Really appreciate any guidance! Thanks!

Replies 3 (3)

suyash1
Shopify Partner
9133 1137 1484

@boobieshack - this needs css and needs to be done as per screen sizes, can you please share the site link?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

Zworthkey
Shopify Partner
5581 642 1569

@boobieshack 
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here

LitExtension
Shopify Partner
4860 1001 1135

Hi @boobieshack,

Go to Assets > theme--async.css and paste this at the bottom of the file:

/* issue 1 */
.featured-content--root[data-text-position=bottom-left] .featured-content--container{
	justify-content: center !important;
}
/* issue 2 */
.carousel--dot-nav{
	left: 0 !important;
    right: 0 !important;
    justify-content: center !important;
}
/* issue 3 */
.carousel--arrow-nav {
    display: none !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify