How to Position Text Under 'Catalog

How to Position Text Under 'Catalog

ReviveShop
Explorer
49 0 26

Hello everyone

 

when I open our catalog, I would like the texts to be under 'catalog' and not in the center. And my next question is how can I change the black background to a white one? Does anyone have an idea and can help?

 

https://luviera.store/

 

password: bautso

 

ReviveShop_0-1726133674807.png

 

Replies 6 (6)

Sangeetanahar
Explorer
541 36 69

hello @ReviveShop 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>
add the code end of the file

ul.mega-menu__list.page-width.mega-menu__list--condensed {
 width: 60%; 
text-align: left !important; 
}
.header-wrapper * {
 color: #000000; !important 
} 

result

dda88a1d-ed2a-4cb0-9234-2f0dc5657ab6.png

 

Buy me a Pizza


If this was helpful, hit the like button and accept the solution.
Thanks

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

Rahul_dhiman
Shopify Partner
564 113 110

Hello @ReviveShop 
Go to online store ----> themes ----> actions ----> edit code---->base.css ----> line number 3562
esarch this code

*, *:before, *:after {
text-align: center;
}


and replace with this code

*, *:before, *:after {
text-align: left;
}

result
6.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
ReviveShop
Explorer
49 0 26

This kinda worked,but its completlty on the left now and not aligned like on your screenshot. Also is it possible to change background to white and font to black

Rahul_dhiman
Shopify Partner
564 113 110

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-mega-menu.css
add this code at the end of the file.

.header-wrapper * {
    color: black;
    background: white;
}
.mega-menu__link:hover, .mega-menu__link--active {
    color: black;   
}
ul.mega-menu__list.page-width.mega-menu__list--condensed {
    width: 60%;
}
*, *::before, *::after {
    text-align: left;
}

result
11.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
ReviveShop
Explorer
49 0 26

This is perfect on every site but on the Home page it looks like this:

SASDDDA.PNG

 

Rahul_dhiman
Shopify Partner
564 113 110

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.header-wrapper * {
color: black !important;
}

result
13.png

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167