Adorable theme- sidebar width

[kim]

Hi all,

I'm using adorable theme and I'd like to make the primary sidebar thinner and the content part wider, both on the home page and on the archive and single post pages... actually probaly through the whole site. I still want to put widgets in the side bar, just not that wide.

Can someone tell me which code I need to change around for that??

Thankyou!! 🙂

[Anita]

Hi Kim, the Adorable Child Theme was created by Lindsey of Pretty Darn Cute. They have their own support forum located here - http://prettydarncute.com/pre-made-theme-support/. Susan, one of the SP Community Moderators, also provides assistance over there. Complete the form and she can help you.

---

Love coffee, chocolate and my Bella!

[kim]

Hi Anitac,

Thanks for your reply. I did as you said and they emailed me back saying that they dont give advice for customisations. Then added a link for a visual markup guide.... I have no idea what it is or how its meant to help me. So I'm very disappointed with their support. I've also noticed that the 'mobile responsive' actually just puts the side bar on the left to the bottom and cuts out all of my site except for the left corner... which they also said is normal??

I used elegant themes with my last blog and i could ask questions to easily customise on the forum, it's really disappointing that PDCD dont do this also.

I did the same change with elegant themes and they just gave me a little bit of code to change. It was quick and worked a treat. Any ideas??

 

Thanks!

[Anita]

Hi Kim, I'm sorry PDC didn't respond to you as you like. I cannot really respond to what they told you since they responded to you privately. I don't have access to the Adorable theme so I cannot look at their code and file structure. Typically when you want to change an entire site's layout as you do - that is a customized service, not to mention the theme is responsive. Whatever changes you make to the theme will need to be changed in the responsive areas also. So one "small bit" of code is not going to assist you. If you would like for me to take a look more closely, feel free to email me on my website. Pardon my dust I am re-designing my site. I will watch for your email.

---

Love coffee, chocolate and my Bella!

[Susan]

Kim - I wasn't available last night to provide support - I will take a look at your site this evening, and give you some direction.

As Anita (and Lindsey) pointed out, changing the width of a site is not in the realm of support,  but is "customization", so support for that isn't automatically guaranteed, but we try to help out as we can...

[Susan]

Hi, Kim:

To adjust the width of your content and sidebar areas, you are going to need to look in a number of areas on your stylesheet.

To adjust the sidebar with, look for line 1140:

/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
 display: inline;
 float: right;
 font-size: 13px;
 width: 300px;
}

Adjust the width of your sidebar.
Then, depending on how much you adjust that down, you will want to make similar adjustments (up) to the following areas:
On line 589: (this controls the content width of your site if you have just the primary sidebar:

.content-sidebar #content, 
.sidebar-content #content { 
width: 700px; 
} 

Now, the Adorable theme also has the home page widget areas,
On line 1648, look for:

/* Home Page Widgets
------------------------------------------------------------ */

#fefloat: left; atured-top {
 padding: 10px 0 0 0;
 width: 700px;
 }

#featured-full {
 border-bottom: double #ddd;
 float: left;
 padding: 0;
 width: 700px;
}

#featured-top p, #featured-bottom-stuff p, #featured-full p {
 font-sittom-stuff { border-top: double #ddd; float: left; padding:ze: 14px;
}

#featured-bo 10px 0 0 0;
 width: 700px;
}

.featured-top-left {
 float: left;
 width: 340px;
 }

.featured-top-right {
 float: right;
 width: 340px;
 }

.featured-top-left .featuredpost {
 height: 420px;
}

.featured-top-right .featuredpost {
 height: 420px;
}

#featured-top .wrap, #featured-full .wrap, #featured-bottom-stuff .wrap {
 margin: 0;
 padding: 5px 0 0 0;
 }

#featured-top p, #featured-bottom p, #featured-bottom-stuff p {
 margin: 0;
 padding: 5px 0 0 0;
 }

#featured-full .widget, #featured-top .widget, #featured-bottom-stuff .widget {
 margin: 0 0 15px 0;
 padding: 0;
 }

.featured-bottom-left {
 float: left;
 width: 340px;
 }

.featured-bottom-right {
 float: right;
 width: 340px;
 }

You'll need to adjust the widths in each of those areas, keeping in mind that for the featured top and bottoms, you will only make 1/2 the adjustments (for example, if you widen your content by 100px, you will only want to make each of the featured top and bottom areas 50px wider).
Let me know if you need additional assistance.

[kim]

Thank you so much Susan!!

That's so helpful!! Thanks for the additional info re- the site assistance. I didnt realise that it was a surrport only team I was emailing. Thanks again for giving me all this additional help, it is much appreciated 🙂

[Author]

Posts