overriding responsive.css in child theme

  • shyrushh

    (@shyrushh)


    11 years, 4 months ago

    Accesspress-lite is truly awesome theme .. 🙂
    http://jeevrajashrit.org.np/ is the very site i’ve been working on. Personally i’em satisfied of the work done, but while viewing it on mobile devices, i figured a problem.
    i wanted to change the background color of .main-navigation .menu
    but while digging for the solution i found it in css/responsive.css file line 223,, yes this is the very line that i need to override in my child-theme style.css! what should i do??
    i hope,, i make some sense

Viewing 5 replies - 1 through 5 (of 5 total)
  • Stolle7

    (@stolle7)

    11 years, 4 months ago

    Hi Shyrushh
    You can just change the number of the color (HEX number, originally it is #0077B2;) at the background to whichever color you would like. It is, as you say, in line 223.

    Could look like this:

    .main-navigation .menu{
		position: absolute;
		left: 0;
		width: 100%;
		top: 48px;
		z-index: 9999;
		background: #cccccc;
	}

    This will make your background color grey.

    However, if you choose to edit the color in the “original” responsive.css file, then your changes will be reset every time they update the file/theme. If you want to prevent this you can create a child theme.

    Theme Author Access Keys

    (@access-keys)

    11 years, 4 months ago

    Hi,

    Just add the CSS for responsive at the end of the style.css of the child theme overlapping the CSS in responsive.css

    Thread Starter shyrushh

    (@shyrushh)

    11 years, 4 months ago

    Thank you @stolle7 & @access Keys for the very response 🙂
    Actually this solved my problem 😉

    @media screen and (max-width: 940px){
.main-navigation .menu{background:#FF0000 !important;}
}

    Thread Starter shyrushh

    (@shyrushh)

    11 years, 4 months ago

    i got 1 more prob.
    By default accesspress-lite displays 3 featured posts,
    all i want to display is 6. Any suggestions ???

    Theme Author Access Keys

    (@access-keys)

    11 years, 4 months ago

    Hi there,
    The lite version is limited only displaying 3 feature posts. Please upgrade to pro version for displaying more than 3 featured posts.
    Thanks,

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘overriding responsive.css in child theme’ is closed to new replies.