• I’m not too good at coding, so I need a “little” help:

    – How do I center the title for posts?
    – I need to move the header a little down and to the right. Is it also possible to put in page links/tabs next to the header? Not underneath or above, but next to it. I want the header to take up as little space as possible.
    – I need to make the whole site more narrow and bring the entry part and sidebar closer together.
    – In the sidebar I have a random post plugin running – is it possible to not show the gif’s when the plugin is loading but rather just show thumbnails/pictures so that people have to click on the pic to see the gif? Or is that something I have to fix with the plugin?

    Edit: Or rather – how can I implement some kind of play/stop button on the gifs like they do on 9gag?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there,

    How do I center the title for posts?

    Add the following CSS to center post titles only.

    .post .entry-title {
        text-align: center;
    }

    If you wish to center both post and page titles, the following would be used.

    .entry-title {
        text-align: center;
    }

    I need to move the header a little down and to the right. Is it also possible to put in page links/tabs next to the header? Not underneath or above, but next to it. I want the header to take up as little space as possible.

    To really do this without having to guess, I would need a link to your site so that I can take a look at it. The following is one possibility I worked out off of the demo site for Reddle.

    #masthead img {
        width: 80%;
    }
    #masthead {
        position: relative;
    }
    #access {
        float: right;
        width: 20%;
        clear: none;
    }
    #access li {
        float: none;
    }

    When you say “header” are you talking about the header image, or the title and site description above the header image, or are you even using a header image. A link to your site would be really useful.

    I need to make the whole site more narrow and bring the entry part and sidebar closer together.

    For the overall width, add this and adjust the max width value as desired.

    .fixed.secondary #page {
        max-width: 1120px;
    }

    For bringing the content and sidebar closer together, there is a 51+% right margin on the content and then the widgets have a left margin you can adjust.

    .secondary #content {
        margin-right: 51.25%;
    }
    #main .widget-area .widget {
        margin-left: 24.2021%;
    }

    In the sidebar I have a random post plugin running – is it possible to not show the gif’s when the plugin is loading but rather just show thumbnails/pictures so that people have to click on the pic to see the gif? Or is that something I have to fix with the plugin?

    I can’t say for sure if this is something that can be done with CSS or not without being able to see the site. I think this would actually be something that would best be fixed in the plugin files themselves.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    I forgot to mention that if you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need help with a couple of things’ is closed to new replies.