Change Sidebar Width

Hello everyone!

I’m having trouble finding how I can change the sidebar width on the Sparkling theme. I’m developing a website for a friend who is a doctor, and I’m creating a page to book consults.

I’m using an iframe to his reservio account, but the width of the iframe has to be at least 715px or a little more. In the mobile site, it works fine, but in the desktop view, it “cuts” part of the iframe, and it doesn’t look good.

You can look it here: www.luizjorgemoreira.com.br/agendamento

I’m not a professional in this website thing, I’m just giving him a help to build his site. If anyone can help me changing the sidebar or the main content width, I’d really appreciate. I couldn’t find where to do it anywhere in the code.

Thank you all a lot!
And sorry for my english, hahahaha.

Hi @belguilhem,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (min-width: 1000px){
#page #content .col-md-8 {
    width: 70%;
}
#page #content .col-md-4 {
    width: 30%;
}
}

Change the content and sidebar width in the above code to whatever you want to set.

Best Regards,
Movin