Support » Theme: Twenty Fourteen » Custom css

  • Resolved BeRKA


    I would like to include custom css with Jetpack to do the following.

    1, Center the theme. I don’t like that it is stuck on the left side.
    2, Move the top menu to the left side. When it is on right side, my sub pages move off the screen, and cannot be seen.

    How can I do this with custom css? Thank You!

Viewing 8 replies - 1 through 8 (of 8 total)
  • For moving meny to the left, something like this:

    .primary-navigation {
    float: left;
    font-size: 11px;
    margin: 0px 1px 0px 55px;
    padding: 0px;
    text-transform: uppercase;

    Is there a better way?

    I am also stuck with centering the theme. I would appreciate if someone could help us out. Is it just CSS issue?

    No way to help with CSS without seeing a live site. And @bertsa – it would be better for you to start your own thread as per:

    Thank you WPyogi,
    I made my own thread.

    We are talking about wanting to do these changes on an out of the box 20-14 theme. Until I know how, I will not activate that theme on my site.

    For anyone who wants to help and needs too see a live 20-14 theme, have a look at the 20-14 demo site.

    Try this bertsa

    #page {
    margin-left: auto;
    margin-right: auto;

    courtesy of Infos

    I used the code from the Fourteen Extended plugin and tested it and it seems to work.

    The code nedded to center the theme is this:

    .site {
                margin: 0 auto;
    		@media screen and (min-width: 1110px) {
    	        .site-content .entry-header,
    	        .site-content .entry-content,
    	        .site-content .entry-summary,
    	        .site-content footer.entry-meta {
    		        padding-left: 55px;



    Tried that

    All that code is unnecessary in my case, the simple two line solution achieves the same result. : )

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Custom css’ is closed to new replies.