I need help! I was going through my website’s code to find out how I can remove a " } " as it had made its way to the bottom of every page of my website, and I may have deleted another } somewhere in my base code and now a few changes made with recent updates have reverted. I believe its a syntax error somewhere 
I can’t rollback the changes either because the base css has no recent versions it can be changed to. I need someone’s help to look through the coding if possible to rectify this issue please! Thanks in advanced!
HELP! I accidentally deleted a bracket in the base code and some of the coding doesn't work anymore.
add the closing ‘}’ at the line number 3039.
You have not close one curly bracket.
if still is was not solved then share your store URL so can check.
Can I show you an updated code? I played around with it a bit since I posted this in a desperate effort to fix it so the code lines have changed a bit.
use this CSS. I have added missing curly bracket
@media screen and (min-width: 749px) {
.grid--peek .grid__item {
padding-left: var(--grid-mobile-horizontal-spacing);
}
}
.product-grid .grid__item {
padding-bottom: var(--grid-mobile-vertical-spacing);
}
@media screen and (min-width: 750px) {
.product-grid .grid__item {
padding-bottom: var(--grid-desktop-vertical-spacing);
}
}
.font-body-bold {
font-weight: var(--font-body-weight-bold);
}
/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
.button,
.shopify-challenge__button,
.customer button {
border: transparent solid 1px;
}
.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button [role="button"]:focus-visible,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button [role="button"]:focus {
outline: solid transparent 1px;
}
.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
outline: transparent solid 1px;
}
.localization-form__select:focus {
outline: transparent solid 1px;
}
.price__sale .price-item--regular{
color: #2d2d2d !important;
}
.cart-item__price-wrapper *,
.price__sale .price-item--sale{
color: #ff0000 !important;
}
span.badge.badge--bottom-left.color-accent-2 {
background: #2d2d2d;
border-color: #2d2d2d;
font-size: 15px;
text-transform: uppercase;
}
.badge {
background-color: red !important;
border-color: red !important;
}
.price--on-sale .price__sale {
font-weight: bold;
font-size: 18px;
}
.product__info-container .price--on-sale .price-item--regular {
font-size: 15px;
}
@media (min-width: 990px){
.header{
display: flex !important;
justify-content: space-between !important;
}
.title-wrapper-with-link.title-wrapper--no-top-margin {
justify-content: center !important;
}
.footer__list-social:before {
content: "Follow us on social media!";
font-size: 20px;
font-weight: bold;
display: flex;
width: 100%;
justify-content: flex-end;
}
}
I’ve just tried this but it still doesn’t work, unfortunately.
Is there any other way I can help you help me?
Could you share your store URL? and also share what is the issue you are facing on the front side?
Fuel Brunei – Fuel Nutrition -
here is my store URL.
The issue I’m facing is that the CSS code lines I’ve added through the shopify forums have reverted because I accidentally deleted a } bracket somewhere in my base css. file so now I need assistance with putting the } back in the right place. and I have a rough idea where I went wrong so that narrows it down.
I’ve made several changes that have been reverted such as the Header Menu and collection list title being centered, my sales badges and sales price colours were red and a few other changes.
I’ve updated my theme version and pasted the code in. Now it’s back to normal again! Thank you for the solution!
1 Like