Hello, I have a problem with the cuztomization of the title, which I highlight with the arrow below (I want to reduce its size to 27px and center, in addition the entire white background on which the image is displayed and just this title round the corners to 5px) I can not do this with the css code in the template, I wrote to support also did not cope with this so I’m writing with help to you, I know where is the section with this code in the json also will send a picture but I can not set it correctly.
Hi @Mati124 , can you provide your store url?
is it possible to cuztomize that?
Yeah, it is possible, what size do you want exactly?
nooo not that title, the one that shows up once you click on size guide, it’s called on size carriers bag
nooo not that title, the one that shows up once you click on size guide, it’s called on size carriers bag
Hi @Mati124
Please add this code to your Online store > Themes > Edit code > theme.css to check
.modal h2:first-of-type {
font-size: 27px !important;
}
okay, lets see
Open theme.css file, add code at the bottom
it worked thank you!!! Can you tell me how can i move this to the center and how can i make cornes to be 5px round (corners in that white background where that title and photo are)
I see that title is center, please add this code to make corners round.
.modal.active .modal__inner {
border-radius: 5px;
}
Navigate to base css and add the following code :
.modal h2:first-of-type {
margin-top: 0;
text-align: center;
font-size: 27px;
}
and this the code to round the image border :
.rte img {
width: unset !important;
max-width: 100%;
margin: auto;
border-radius: 5px;
}
1 Like
the code to round corner of the modal
.modal.active .modal__inner {
opacity: 1;
transform: translateY(0);
border-radius: 5px;
}
1 Like
Thank you very much!!!
1 Like
Thank you again!
Glad I helped, feel free to contact me for any work.
1 Like