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

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
9590 1199 1540

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

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Zworthkey
Shopify Partner
5581 642 1575

@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 1151

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