Center gallery

[m4oo]

Hello,

I really need some help to center the gallery on my index page.
I almost tried everything, like adding this in css file:

Code: Select all

#featured
{
margin-left:40px;
}

but it's not really in the middle.

I also modified the gallery.php file:

Code: Select all

<div id="featured" align="center">

Event this didn't work :

Code: Select all

<div style="align:center"><?php include (ABSPATH . '/wp-content/plugins/featured-content-gallery/gallery.php'); ?></div>

This is my website :
http://vivien-muller.fr

I'm not an expert in php/css files and I really don't know what to do !

[admin]

try this:
in your style.css I found you had some adjustments for your div #featured,
so replace

Code: Select all

#featured
{
padding-top:20px;
padding-left:100px;
padding-right:100px;
}

with this

Code: Select all

#featured
{
width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
}

[m4oo]

Thanks a lot, it's working !

[admin]

yw

[m4oo]

Sorry to bother you again,
Now I'm trying to add a shadow behind the gallery with this :

Code: Select all

    #featured
    {
    padding:20px 0px 0px 23px;
    border : none;
    background: url(images/shadow.png) no-repeat top left;
    width: 1024px ;
      margin-left: auto ;
      margin-right: auto ;
    }

The shadow is hidden when the images from the gallery are loaded.
Any idea how could I fix this ?

[admin]

there is no image in url path for background
http://vivien-muller.fr/images/shadow.png

[m4oo]

The url path is http://vivien-muller.fr/wp-content/themes/spotless/images/shadow.png
I just copied this code from my theme's css file, where the #featured is inserted.

Code: Select all

.entry img {
border : none;
padding: 0px 23px;
background: url(images/shadow.png) no-repeat top left;
}

You can see a part of this image behind the gallery on the top left corner. But something is hidding it on each side.

[admin]

try it like this:

Code: Select all

#featured
    {
    padding:0px 0px 0px 23px;
    border : none;
    background: url(images/shadow.png) no-repeat top left;
    width: 1024px ;
    height:640px;
      margin-left: auto ;
      margin-right: auto ;
    }

[m4oo]

Works perfectly, once again thanks a lot !

[admin]

yw