WordPress.org

Support

Support » Themes and Templates » [Resolved] Custom css

[Resolved] Custom css

  • BeRKA
    Member

    @zhoberka

    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)
  • BeRKA
    Member

    @zhoberka

    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?

    WPyogi
    Forum Moderator

    @wpyogi

    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:

    http://codex.wordpress.org/Forum_Welcome#Where_To_Post

    Thank you WPyogi,
    I made my own thread.

    BeRKA
    Member

    @zhoberka

    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

    BeRKA
    Member

    @zhoberka

    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) {
    	        .archive-header,
    	        .comments-area,
    	        .image-navigation,
    	        .page-header,
    			.page-content,
    	        .post-navigation,
    	        .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 ‘[Resolved] Custom css’ is closed to new replies.