DAWN - Center the Collection Name and Description on Collection Page

[optionsclinic]

Hey there!

I found code that centered the collection description, but I need to center the collection name as well. Can anyone tell me how to do this?

See example below - TERRAIN is positioned left, but I want it to be centered:

[oscprofessional · Accepted solution]

@optionsclinic ,

.collection-hero__text-wrapper {
    text-align: center;
}
.collection-hero__description.rte {
    max-width: 100%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[oscprofessional]

@optionsclinic ,

Share Store URL

[optionsclinic]

Hi there, here is my store - https://shop.optionsnaturopathic.com/

I would like the Collection Name and Description to be centered. Right now it is all to the left and I can only find code to center the description, not the name too. https://shop.optionsnaturopathic.com/collections/terrain

[oscprofessional · Accepted solution]

@optionsclinic ,

.collection-hero__text-wrapper {
    text-align: center;
}
.collection-hero__description.rte {
    max-width: 100%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[optionsclinic]

Thank you so much! I appreciate that easy solution.

Would you happen to know how to increase the font size for the header navigation? The links I have are a little too small as is.

[oscprofessional]

@optionsclinic ,

.header__menu-item span {
    font-size: 17px;
}

[optionsclinic]

Thank you!  Where should I enter this code?

.header__menu-item span {
font-size: 40px;
}

[oscprofessional · Accepted solution]

@optionsclinic ,

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[optionsclinic]

Thank you so much - works great!