Center my Gallery in Twenty Eleven

Viewing 15 replies - 1 through 15 (of 35 total)
  • Thread Starter mstry510

    (@mstry510)

    I figured out the enlargement part. Now just center.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try to remove margins on <div id="content" role="main">.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Then remove margins on <div class="entry-content">.

    Thread Starter mstry510

    (@mstry510)

    Is this correct and if so where do I put it to only effect the gallery on this one page

    {
    position:absolute;
    left:0px;
    top:0px;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry, I revoked my comment on position absolute because it was not an effective and efficient solution.

    Thread Starter mstry510

    (@mstry510)

    what document do I try removing the margins in so it only effects the gallery page.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using a Custom CSS plugin or a Child Theme?

    Thread Starter mstry510

    (@mstry510)

    A child theme

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you want your gallery to center only on this particular page? Or, better said, do you only have a gallery on that page?

    Thread Starter mstry510

    (@mstry510)

    yes only this page

    Thread Starter mstry510

    (@mstry510)

    I’m editing my Child themes documents in the dashboard under appearance—>editor
    is this correct?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That’s right, although it doesn’t really matter how you edit the Child Theme’s files. As long as you don’t copy code from Microsoft Word (because it causing syntax errors), you should be alright.

    So, you ought to add this within your Child Theme’s stylesheet (style.css);

    .page-id-53 .singular #content,
.page-id-53 .left-sidebar.singular #content {
 margin: 0;
}

.page-id-53 .singular .entry-content {
 margin: 0;
}

    Thread Starter mstry510

    (@mstry510)

    how did you find the page id for my gallery page?

    Thread Starter mstry510

    (@mstry510)

    where in the style sheet do I paste it?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Not to worry, I didn’t wander into your administrator panel ?? .
    The markup (available by right clicking and selecting ‘View source’ on a webpage) generated by that WordPress theme has provided the page ids within the <body> element.
    I’m using Google Chrome’s Developer tool to help me pick out HTML and CSS structure of webpages. So, this is your <body> element with its associated classes (including page-id-53) https://snag.gy/zyxf3.jpg .

Viewing 15 replies - 1 through 15 (of 35 total)
  • The topic ‘Center my Gallery in Twenty Eleven’ is closed to new replies.