How to apply CSS from theme twentytwelve to theme twentyforteen

  • benagen · Member ·

    Hi,
    Please help me out with changes to CSS (see below) required in transfering from 2012 to 2014 theme.
    Thank you so much

    /* Set header link text color */

    site-title hgroup h1 a {

    color: black;

    }

    /* Set header link text color, hover */

    site-title hgroup h1 a:hover {

    color: green;

    }

    .nav-menu {

    font-weight: bold;

    }

    /* Set main menu background color, hover */

    .main-navigation a:hover {

    background-color: lavender;

    }

    .main-navigation div.nav-menu > ul, .main-navigation li ul li a {

    background-color: lavender;

    }

    The blog I need help with is: (visible only to logged in users)

  • chaitanyamsv · Staff ·

    Please try the following styles.

    The colors I used are examples. Please feel free to change them to your preference.

    /* Set header link text color */
.site-title a {
	color: red;
}

/* Set header link text color, hover */
.site-title a:hover {
	color: blue;
}

Nav menu font weight is already bold. So no need to add any rules for it.

/* Set main menu background color*/
.primary-navigation .nav-menu {
	background-color: lavender;
}

/* Set main menu background color hover */
.primary-navigation li:hover > a, .primary-navigation li.focus > a {
background-color: lavender;
color: green;
}
  • The topic ‘How to apply CSS from theme twentytwelve to theme twentyforteen’ is closed to new replies.