tuanphan

Just edit post > Add a Code Block (any where) > paste this code
<style> /* Blog Individual: top space reduce */ .blog-item-wrapper article.entry { padding-top: 80px; } </style>  

Because your font, the custom font caused this. If you change to another font, the problem will be fixed itself.
But you can add this to Design > Custom CSS to move it up a bit
a#site-title { position: relative; top: -10px; font-family: 'Windsor'; }  

You should able to highlight text > then change it color. Have you tried it yet?
If it still doesn't work, use this CSS code
div#block-yui_3_17_2_1_1687846886079_6157 h1 { color: #50332e; }  

I guess you can add a Folder, then we can give code to
rename folder title to 3 dots change folder items to horizontal 

You can add text CO2 with 2 is bold (then italic), then add this code to Design > Custom CSS
div.accordion-block p strong em { font-style: normal; font-weight: normal; position: relativel; top: 5px; } If it doesn't work, please share link to page where you added accordion, we can check easier

Add to Design > Custom CSS
/* Mobile 2 columns */ @media screen and (max-width:767px) { .index-list.clearfix { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .index-list.clearfix:before { display: none; } .index-list.clearfix>div { padding: 0 !important; } }

Hi,
Add this to Design > Custom CSS
@media screen and (min-width:992px) { body.homepage header#header { display: none; } }  

Hi,
Add this to Design > Custom CSS
@media screen and (min-width:992px) { body.homepage header#header { display: none; } }  

Add to Design > Custom CSS
/* Shop Calendar Button */ div#block-1a120f1d30f77a99311a a { background-color: #f1f !important; }  

Actually it is scroll bar. You can use this CSS code to remove it
.header-menu-nav-folder[data-folder="root"] { overflow: hidden !important; }  

Add to Design > Custom CSS
/* List clickable */ .user-items-list-item-container[data-section-id="64998f226c956063eec26ea5"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }}  

Use this CSS code
div.option * { font-family: 'AGRANDIR' !important; }  

With homepage, add to Design > Custom CSS
body.homepage { overflow: hidden; } body.homepage section { min-height: unset !important; height: 100vh !important; } If it works, let me know, we will check Careers page

Because your code is invalid. You haven't added real font url into the @font-face code 
Replace FontURL with real font file url. Even if the code is wrong, you still see it working because your computer already has that font installed.

You can add this to Design > Custom CSS
@media screen and (max-width:767px) { .ProductItem-gallery-slides-item img { object-fit: contain !important; } }  

Keep above code & add this code under
.fe-block-yui_3_17_2_1_1687985108747_2676 .plyr__controls { bottom: 0 !important; transform: unset !important }  

Use this new CSS code
@media screen and (min-width:768px) { div#block-117987cac4fb9d9629f7 p:not(:first-child) { margin-top: 5px; margin-bottom: 5px; display: flex; } div#block-117987cac4fb9d9629f7 p:not(:first-child) em { font-style: normal !important; } }

Add to Design > Custom CSS
/* nav */ .header-nav-list { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }  

Add to Design > Custom CSS
/* Pagination title */ h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; }  

The easiest way is you add 2 Nav Items: Phone, Email, then we can give code to Move it to right of header + make them appear in 2 lines
Or we can use code to add Phone, Email, but you need a Business Plan or higher.
What do you think?

You can add this code to Design > Custom CSS to fix problem
@media screen and (max-width:767px) { .fe-64898133a9aea24242fb95c4 { grid-template-rows: repeat(16,minmax(24px, auto)) !important; } }  

Hi,
You try changing section to Classic Editor section

The easiest way is use <br/> tag into page title, but it will appear on both Browser tab & Google Search Result

Another way is use CSS code to add Second Line, See #2 code in this guide
Or use code to increase Title Size, so it will break title to 2 lines

 

Add to Design > Custom CSS
@media screen and (max-width:767px) { .gallery-reel-controls { position: absolute !important; top: 50% !important; transform: translateY(-50%); bottom: unset !important; } }  

Add to Design > Custom CSS
@media screen and (min-width: 768px) and (max-width: 991px) { .fe-638026d6dc6d8eb274a6cab5 { display: flex !important; flex-direction: column } .fe-block-638026d654ff629ee8a46bd2 { flex-basis: 200px; order: 1; margin-top: 20px } .fe-block-8c59c253926e6c213fc8 { order: 2; margin-bottom: 30px; margin-top: 10px; } .fe-block-638026d6cb2c6fc1faf08a9a { order: 3 } .fe-block-638026d607450754663b9121 { order: 4; margin-top: 40px; } .fe-block-638026d6aa078580b57fc9ba { order: 5; } .fe-block-638026d6eb5ef0efd80af097 { order: 6; margin-top: 20px } section[data-section-id="638026d610b09ecec7977f58"] .newsletter-block .newsletter-form-field-wrapper { margin: 0 auto; }}