Twenty Fourteen
[resolved] Custom css (9 posts)

  1. BeRKA
    Posted 1 year ago #

    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!

  2. BeRKA
    Posted 1 year ago #

    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?

  3. bertsa
    Posted 1 year ago #

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

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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:


  5. bertsa
    Posted 1 year ago #

    Thank you WPyogi,
    I made my own thread.

  6. BeRKA
    Posted 1 year ago #

    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.

  7. John Hart
    Posted 1 year ago #

    Try this bertsa

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

    courtesy of Infos

  8. BeRKA
    Posted 1 year ago #

    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;
  9. John Hart
    Posted 1 year ago #

    Tried that

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic