How do I move up the word "caps" so it gets to a straight nice line?

Store Design
1

Skärmavbild 2022-10-07 kl. 05.51.49.png
Skärmavbild 2022-10-07 kl. 05.51.49.png522×252 17.3 KB

https://www.onecap.se/password

Password: NUDLAR123

2

You would need to edit the CSS of your site. Currently, all of the columns are the same size and that is why “caps” has gone to a second line. If you change the size of your browser window to make it smaller, you will see it become all one line underneath the other parts of the footer.

You could consider putting the Copywrite symbol, year and One Cap on one line and move Limited Edition Caps to the line below, which might be the easiest solution. See if you have access to do that in your theme.

Otherwise, you need to break into your CSS and edit the code. I’m not skilled enough to tell you exactly what to do, but the code you would be editing is below. If you aren’t familiar with it, then my best advice to you is to not touch it.

.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -15px; }
  @media screen and (min-width: 591px) {
    .grid, .grid--rev, .grid--full,
    .grid-uniform {
      margin-left: -30px; } }
3

HI @OneCap

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->tember.scss.css ->paste bellow code in bottom of file

@media only screen and (min-width: 769px)

.large–one-quarter {

width: 23% !important;

}

.grid__item.large–one-quarter.medium–one-half.large–text-right{

width: 30% !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

4

I unfortunately don’t have tember.scss.css , is it workable with an another file?

5

@OneCap

You can try with file theme.scss.css

6

You can either increase the width of last column which may break the symmetry of those 4 column or reduce font-size of the copyright text using this css.

p.site-footer__copyright-content {
font-size: 1rem;
}

You can add CSS directly in themes.scss file or find any app on appstore to add custom css.

If its okay, you can also separate the lines so you don’t need to alter the CSS.

© 2022, OneCap.
Limited Edition Caps.

7

How do I separate the lines?