Hi. I want the element in the box to be aligned with the others, as it’s currently positioned too high. Thanks.
Topic summary
A user is experiencing a CSS alignment issue where an element within a box is positioned too high compared to other elements. They’ve provided a screenshot to illustrate the problem and are seeking help to properly align the element with the others in the layout. The issue remains unresolved and awaits community input on the appropriate CSS solution.
Hi @voodoowww123
Go to Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
.cloud-search-page-controls__applied-filters {
margin-top:10px! important;
}
I’d rather go to Customize, “theme settings” (cog icon) and paste this code into “Custom CSS” setting:
.cloud-search-page-controls__filters-container {
align-items: baseline;
}
Hello @voodoowww123
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.cloud-search-page-controls__applied-filters {
padding-top: 9px !important;
}
If this code works, please mark my comment as the solution.
Thank You!
That was the best one! Thanks 
1 Like