Adelle: decreasing main column width

solidgoldcreativity · Member · Apr 11, 2013 at 3:15 am
Copy link

Add topic to favorites
Hello,

I would like to decrease the main column width in Adelle. I have the CSS upgrade.

Any help much appreciated.

Thank you.
SGC

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 11, 2013 at 3:20 am
Copy link
This is a responsive width theme, and the primary and secondary parts are set as a percentage width, so my suggestion would be to try working with the max-width in .site to begin with so that it keeps the proportions the same.
```
.site {
max-width: 63.75em;
}
```
solidgoldcreativity · Member · Apr 11, 2013 at 4:48 am
Copy link
I like it. What do you think? Thank you, as always. You are exceptional in the service you provide, Richard. Always a pleasure talking to you.

SGC
thesacredpath · Member · Apr 11, 2013 at 5:20 am
Copy link
It looks good at that width, thank you and you are welcome for the help.
silverdear · Member · Apr 11, 2013 at 10:59 pm
Copy link
I too am working on this theme and playing!
I am wondering about cell padding between my banner menu and the content as well as tightening up the horizontal altogether?

I tried a few things with the cell padding in CSS but I can’t seem to get it to adjust? I managed to get width to adjust too! Thanks!

Site is silverdeardesign.com (major work in progress – pls don’t judge!)
thesacredpath · Member · Apr 11, 2013 at 11:13 pm
Copy link
To start with, add this to your CSS and then edit the top margin value to adjust the space between the menu and the content.
```
.site-main {
margin-top: 2.5em;
}
```
thesacredpath · Member · Apr 11, 2013 at 11:14 pm
Copy link
And I wouldn’t be too hard on yourself. The site looks great.
silverdear · Member · Apr 12, 2013 at 1:32 am
Copy link
Thanks so much! It works – sorta! That is what I was trying to do yesterday, but I can’t get it to stay on just the main home page.

I did the same for the bottom on the code you gave here, but then it throws off my blog page. It’s all good – I am having an issue accessing my CSS file from the dash board without it taking me to the visual customization page where I can just add code. I used to be able to go to CSS and copy the theme’s original CSS and manipulate in another editor and study it, but today I can’t access it all.

I want to customize so much on this – but for some reason I hit many road blocks, especially now being unable to go through and read thru the themes CSS.

I want to add my details to the footer bar, remove some lines, change the blog post “dot” colour, etc.

I think there are a few bugs with the theme still…when I view it on a PC the SoMe links on the blog are buggered too. Site looks good on a Mac!

Baby steps I guess!
solidgoldcreativity · Member · Apr 12, 2013 at 3:08 am
Copy link
Wow, Silverdear, I’m amazed what you’ve been able to get out of this theme. Your site looks great. Thanks for the link on your blogroll. Best wishes.

SGC
thesacredpath · Member · Apr 12, 2013 at 3:19 am
Copy link
To access the original CSS editing page, do this (change blogname to the base of your WordPress.com URL.

http://blogname.wordpress.com/wp-admin/themes.php?page=editcss

@silverdear, if you only want the adjustment on the home page, then you need to use a more specific selector that will target the home page only. If I had known…

Adjust as needed.
```
.home .site-main {
margin-top: 2.5em;
}
```
silverdear · Member · Apr 12, 2013 at 3:53 am
Copy link
@thesacredpath – AWESOME! Thank you! Thank you! Ugh – I have lots to learn still lol – love it tho!

@solidgoldcreativity – thank you! Isn’t it amazing how WordPress can bring together so many creative inspiring people!?

Cheers all!
Alannah
thesacredpath · Member · Apr 12, 2013 at 4:08 am
Copy link
You are welcome.
vixibash · Member · May 8, 2013 at 1:52 pm
Copy link
What about increasing main column width?
thesacredpath · Member · May 8, 2013 at 5:37 pm
Copy link
@vixibash, if you use the code I posted in my first reply in this thread and then increase the max-width value you can widen the theme.
thesuburbaneclectic · Member · May 19, 2013 at 3:41 am
Copy link
Is it possible to display excerpts on the homepage instead of the full posts?

I need help with The Suburban Eclectic
designsimply · Member · May 20, 2013 at 7:42 pm
Copy link
@suburbaneclectic, changing from full posts to excerpts is not something you can do with CSS, that is handled in the theme’s PHP and WordPress.com doesn’t offer the option to edit the theme PHP code.

You might be interested in trying the more tag as an alternative:
http://en.support.wordpress.com/more-tag/
thesuburbaneclectic · Member · May 20, 2013 at 7:55 pm
Copy link
Thank you designsimply! It worked great!.

No items found.