Getting a head text on better location

[flaner]

Hi, I want to change the “NEW ARRIVALS” to the location i pointed at with the red pointer, so its clean above and lined up with the product photo.

[Dan-From-Ryviu]

Hi @flaner

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Settings.

.collection .collection__title { padding-left: 12px !important; }
.collection .collection__title h2 { margin-bottom: 0px; }
.collection .slider { margin-top: 0px; }
@media (max-width: 749px) {
    html .collection .collection__title { padding-left: 26px !important; }
}

[B2Bridge]

Hi @flaner , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

.collection .collection__title {
    padding-left: 12px !important;
}
.collection__title > h2.title {
    margin-bottom: 0 !important;
}
.collection > .slider { 
    margin-top: 0px !important; 
}
@media (max-width: 990px) {
    .collection .collection__title { 
        padding-left: 26px !important; 
    }
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you

[DaisyVo]

Hi @flaner

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base**.css** and add this code at the end of the file

.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down {
    padding-left: 15px !important;
    margin-bottom: -25px !important;
}

Result

Best,

DaisyVo

[flaner]

Hi Dan!

First of, thank you for all you’re help! You’re incredible.

How do i get to Custom CSS in Sales channels > Online Store > Themes > Customize > Settings?