New content wrapper width – how?

As can be seen above, the main wrapper is too narrow. Please point me to the file as to where I can fix this. Many thanks in advance! ??

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

I need help adjusting the width of the main wrapper, with sidebar for this theme. How can I change this?

You can adjust its width by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.container.main-content-area {
    width: 1270px;
}

Also how can I possibly fix the width of the sidebar?

You can fix sidebar width by using below CSS code.

#secondary {
    max-width: 310px;
}

Best regards

Hello Vinod!

Thank you for the solution! I appreciate it a lot.

Also I have a new question that I hope you have the answer to?

If I want to fix the font size of h2, h3, h4, h5 I am unable to do so? I’ve been through the style.css and the bootstrap.css? Are there any other place that I need to look for it?

I’ve attached pictures below :

If I want to fix the font size of h2, h3, h4, h5 I am unable to do so? I’ve been through the style.css and the bootstrap.css? Are there any other place that I need to look for it?

To achieve this you have to copy the above shared CSS code in the Custom CSS option of theme on the path Admin Area -> Appearance -> Customize -> Additional CSS and make it more specific as displayed below.

h1,
.h1 {
font-size: 36px !important;
}

Sweet, thank you so much for the help!

Also, I have new questions for the Sparkling theme. I decided to go with a template for the front page, however, now it still displays the wrapper behind the theme? How can I remove this, see attached picture:

For your information, the slider picture is supposed to go all the way to the top.

Could you please share me your site URL where it’s displaying so that i can help you?

Sure thing! Moneyadvisor.dk – I Will Remove the “under construction” in 2-3 hours for you to review the site. Thank you so much.

Let me know if I Can do anything in order to help you, help me?

Ok let me know after removing under construction mode.

All right – it is up and running.

You can remove that wrapper using below CSS code.

.home .post-inner-content {
    background: transparent;
    border: 0;
}

Sweet thanks! How do I make the picture stay right below the menu?

Use below CSS code to achieve it.

.home .post-inner-content {
    padding-top: 0;
}

.home .container.main-content-area,
.home .entry-content {
    margin-top: 0;
}

.home header.entry-header.page-header {
    margin: 0;
}

Thank you! You are the best!

All right, I have another question for you.

Is there any way at all, to align this piece of code with the iFrame? (See attached picture)