Minimal theme - increasing font of announcement and centering text

Solved
Highlighted
Tourist
6 1 0

Hi, how can this be done?

Screen Shot 2020-03-09 at 12.28.13 PM.png

0 Likes
Highlighted
Excursionist
629 110 323

please share your store URL, I will provide some css code to fix your issue.

0 Likes
Highlighted
Tourist
6 1 0

https://thesarongdress.com/


@candiSoft wrote:

please share your store URL, I will provide some css code to fix your issue.




0 Likes
Highlighted
Excursionist
629 110 323

@vatrisha  ,
add this css at the end of file theme.scss.liquid

-path :  online store->theme->edit code->assets->theme.scss.liquid

.header-bar .header-bar__module.header-bar__message{
	font-size: 16px  !important;
}
@media screen and (min-width: 769px){
    .header-bar__left{
        width: 70% !important;
        padding-left: 428px !important;
    }
    .header-bar__right{
          width: 30% !important;
    }
}

-please give me like and mark my answer as accepted slution.

0 Likes
Highlighted

Success.

Tourist
6 1 0

It's centered now, thanks. How to make font bigger or bold?

0 Likes
Highlighted
Excursionist
629 110 323

replace below code with last one

.header-bar .header-bar__module.header-bar__message{
	font-size: 17px  !important;
    font-weight: bold !important;
}
@media screen and (min-width: 769px){
    .header-bar__left{
        width: 70% !important;
        padding-left: 428px !important;
    }
    .header-bar__right{
          width: 30% !important;
    }
}

give me likes and mark my 2nd ANSWER as accepted solution

0 Likes
Highlighted
Tourist
6 1 0

Are you able to help me with the video also? It's too big, we'd like ti smaller.

0 Likes
Highlighted
Excursionist
629 110 323

yes i can.... can you add me as a staff to do it, because it is more complex for mobile view.
email: candisoft100@gmail.com

0 Likes