0
Welcome Guest! Login
0 items Join Now

SOLVED Menu background color

Last Post
Search Topic
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 189
    • Thanks: 0

    SOLVED Menu background color

    Posted 9 years 10 months ago
    • Hi
      How can I change the background color in the bottom menu only
    #1118470
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • You have already got specific CSS to make that background change on that particular item?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1118503
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 189
    • Thanks: 0

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • Hi
      yes, but when I change ccs both menus change
      i will only change one of them.
      ---Janh
    #1118515
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • so change your CSS from :
      #rt-sidebar-c .rt-block {
    background-color: #e6dc9b;
    border-color: #e4d67d;
    border-radius: 20px;
    border-style: solid;
    border-width: 5px;
    margin: 10px;
    padding: 25px 15px;
    position: relative;
    width: 205px;
}
      to:
      #rt-sidebar-c .rt-block:nth-child(1) {
    background-color: #e6dc9b;
    border-color: #e4d67d;
    border-radius: 20px;
    border-style: solid;
    border-width: 5px;
    margin: 10px;
    padding: 25px 15px;
    position: relative;
    width: 205px;
}
      change the nth child number 1 for first - 2 for second.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1118523
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 189
    • Thanks: 0

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • Hi Mark
      thank you, nice work.
      But to understand how the leader "nth-child" go?
      I do not see it in any link via Firebug.
      --- JanH
    #1118616
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • :nth-child() is a pseudo CSS selector - see this article if you want to learn more http://www.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/

      Also see screenshot where the CSS you added shows in Firebug.

      Regards, Mark.

    • The following users have thanked you: Jan

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1118721
    • Jan's Avatar
    • Jan
    • Sr. Rocketeer
    • Posts: 189
    • Thanks: 0

    Re: SOLVED Menu background color

    Posted 9 years 10 months ago
    • hi Mark
      Thanks for your help I ame very gradfull.
      ---janh
    #1118949

Time to create page: 0.052 seconds