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
9378 1169 1508

@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

Zworthkey
Shopify Partner
5581 642 1574

@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 1002 1145

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