Thread Starter
phell
(@phell)
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
Thread Starter
phell
(@phell)
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;
}
Thread Starter
phell
(@phell)
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:
Thread Starter
phell
(@phell)
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?
Thread Starter
phell
(@phell)
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.
Thread Starter
phell
(@phell)
All right – it is up and running.
You can remove that wrapper using below CSS code.
.home .post-inner-content {
background: transparent;
border: 0;
}
Thread Starter
phell
(@phell)
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;
}
Thread Starter
phell
(@phell)
Thank you! You are the best!
Thread Starter
phell
(@phell)
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)
