How can I align my product title and price in a Sense theme?

Store Design
,
1

Hey, i just made my store and i want my product text and product price in line and i have tried everything.

Example: BODY WASH €19

Would appreciate it if you would help me.

Theme is Sense

2

Hi @PRETTYFRIDAYS , can you share your store url?

3

https://e8aaa0-3.myshopify.com/

password is mohwhi

4

@PRETTYFRIDAYS , Go to Component-card.css and add the following :

.card--standard>.card__content .card__information {
    padding-left: 0;
    padding-right: 0;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.card-information {
    width: auto !important;
}
5

Where in the file?

6

In you theme files, choose edit code and search for component-card.css file

Abdosamer_0-1700224948859.png
Abdosamer_0-1700224948859.png1271×383 36.6 KB

7

yes i know, but where in the file? On the bottom?

8

Yes, in the bottom.

9

thanks!

10

Glad it helped, feel free to contact me if you run into any problems in the future.

11

Hey @Abdosamer , i have one question. The price shows a little bit lower than the title. How do i change this?

12

Hi @PRETTYFRIDAYS

Check this one,.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.card-information .price {
    margin-top: 0px !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

13

Add the following code :

.card-information .price{
    margin-top :0 !important;
}