Move the position of the "Go Back" button

Store Design
,
1

Hi everyone,

I’ve managed to create one through a custom liquid using the below code.

I’m after some help on:

  1. How to position the button to the right-hand side of the screen?
  2. How to change the size of the writing?

I’ve attached a photo of what I’m after

I’m using the Dawn theme.

Site: https://meeko-8476.myshopify.com/

Password: Meeko

Liquid Code:

Go Back

meeko_0-1673523547065.png
meeko_0-1673523547065.png1684×355 106 KB

2

hello @meeko

please replace this code

Go Back

see screen sort :

https://prnt.sc/MPpPMpfAt5Gd

3

@meeko
Put below css into base.css file (Online store ->themes->Edit code->Assets->base.css

.section-template--17525656322342__5c989f9e-903b-4127-989b-67885ff589ea-padding {
    margin-left: 81% !important;
}

Ujjaval_0-1673524490971.png
Ujjaval_0-1673524490971.png1596×723 77.3 KB

4

Hallo @Alliance

You can add code by following these steps to change collection and product pages background color:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file

  3. Paste the below code before

.section-template--17525656781094__c69dd8f8-483d-4761-a961-ea3fb5316140-padding { text-align: end !important; padding-right:10px !important; }
5

Hi @meeko

May I suggest to update code these steps:

  1. Update your code to code below

	Go Back
  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Add code below to bottom of file
.goback {
	text-align: right;
}
.goback a{
	background-color: #FFFFFF;
	text-decoration: none;
	color: black;
	/* Update 12px to the number that you would like to show */
	font-size: 12px;
}
6

Hi @shubhamSharma

Thank you this worked.

How can I change the font size?

7

@meeko

font size change css

.section-template--17525656781094__c69dd8f8-483d-4761-a961-ea3fb5316140-padding a {

 font-size: 15px !important;
}

 
8

Hi @EBOOST

Thank you so much, this worked!

9

@meeko

simpla add font size the way of style tag font-size:20px;

please have a look my new code

Go Back

I hav set font size 20px you can chnage your requirment