Sidebar and Centring Featured Post

[email protected] [email protected]
asked 9 years ago

Hello

A couple of WallPress questions please …

Is it still impossible to increase the width of the left hand sidebar ? If not, how do I do it ?
The featured image on a post. From the great collection of other "How do I …" requests I’ve increased the width of a post. The featured image at the top however is left justified. How do I centre this and is it possible to control the size of the displayed image?

Thanks … Dave

1 Answers

DominicStaff
answered 9 years ago

Hi,
If you want to increase the width of the left sidebar, you can add the following code to the style.css file:

#sidebar {
     width: 240px;
 }
 #main {
     padding: 50px 8px 10px 240px;
}

About the secondary issue, you can send me your site & a screenshot for further checking.
Hope this helps !

nbeacham
replied 9 years ago

Doing this breaks the responsiveness. Any other workarounds?

dominic Staff
replied 9 years ago

You can try the following code:

#main {padding: 50px 8px 10px 230px;}
#sidebar { width: 230px;}
@media only screen and (max-width: 985px) {
  #main {
    padding: 50px 10px 10px !important;
}
}

Hope this helps !

[email protected]
replied 9 years ago

Hello,

Sorry for the delay in replying … Take a look at http://www.foto44.com/?p=181 I would like the featured post at the top of the post (and any other post) centred on the page please.

Thanks – Dave

dominic Staff
replied 9 years ago

I have checked your site and see that you have used the different images size. However, you can add the following code to the style.css file:

.single .item .item-thumbnail img {
    display: inline-block;
}

Hope this helps !

[email protected]
replied 9 years ago

Hi Dominic,

I fixed it with

.single .item .item-thumbnail img {
margin-left: auto;
margin-right: auto;
height: auto;
width: 50%;
}

however that always uses 50% of the screen area … your look better 🙂

Thanks for the help