Accordion - how to change length to make shorter?

Site URL: https://www.rimzee.com/store/p/grindingishard

Hello team

I have an accordion with some custom CSS however I can't figure out how to change the length of the accordion (as seen below it fits the whole page but I would like it shorter to give it a cleaner look, as poorly highlighted by the blue box!)

I wanted to also ask if someone could help make the accordion titles BOLD and font color=BLACK?

Many thanks

N

Quote

I can't figure out how to change the length of the accordion

.sqs-block-accordion {

  width : 50%;
  
  }

.accordion-item__title {

  color : black;
  font-weight : bold;
  
  }

This is for v7.1.

Let us know how it goes.

Thank you, that has worked perfectly.

Much thanks,

N

Apologies but please let me know if this should be opened in a new question.

Wondering if it were possible to style the SIZE, ADD TO CART and QTY buttons for both desktop/mobile view to something like below?

Sorry for the poor illustration but I hope it gets the idea across.  This is what we currently have, which looks quite out of place.

Thanks

N

2 hours ago, nechonecho said:

Apologies but please let me know if this should be opened in a new question.

Please start a new thread or add your request to a thread that is similar to what you need. Moving some of the elements that you mentioned around is a fairly common request, if you do want to add to an existing thread.