Button / Main menu background - by rs0512

This topic has 18 replies, 6 voices, and was last updated 8 years, 10 months ago ago by Stan Russell

  • Avatar: rs0512
    rs0512
    Participant
    March 24, 2015 at 15:42

    Hi,

    I tried to change the background color of the main menu…but I failed :-(. The main menu should have a blue background as you can see here: http://the7.dream-demo.com/?dt_demo_skin=skin17%2Bleft%2Bwide . Could you help me with the correct css, please?

    Thank you

    17 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    March 24, 2015 at 16:10

    Hello,

    Do you want to change background color of the active menu item or for the whole menu?

    Regards,
    Eva Kemp.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 24, 2015 at 16:16

    Hello.

    The link you gave to us shows white to transparent header gradient.
    You may implement it with code from those site.
    I see that you have already implemented following code to us change header color:

    .main-header{
    background: #414141
    }
    

    Please clarify your request us with more details

    With best regards
    Brian Johnson

    Avatar: rs0512
    rs0512
    Participant
    March 25, 2015 at 12:25

    Hello,

    I think we misunderstood each other. I`m sorry. I wanted to change the background color of the menu item as you can see here on this website: http://www.robert-voigt.de/portfolio/

    The menu item has a red background. This is what I tried to change but without success. Is there a way to change that with css?
    Hope you can help me.

    Thank you.
    Ralf

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 25, 2015 at 12:32

    Hello

    Please use this code:
    .menu-main-container .menu > li:hover {background:pink}

    With best regards
    Brian Johnson

    Avatar: rs0512
    rs0512
    Participant
    March 25, 2015 at 20:43

    Hi,

    sorry but it doesn`t work. Are you sure that this css code is the right one for that what I wanted?

    Regards
    Ralf

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 25, 2015 at 21:24

    Hello,

    Do you mean this item? http://prntscr.com/6lba9o

    Regards,
    Robert Hall.

    Avatar: rs0512
    rs0512
    Participant
    March 26, 2015 at 08:52

    Hello Robert,

    yes thats it! I added your last css code but it doesnt work. Im sorry for that misunderstanding. Could you help me with that, please?

    Thank you
    Ralf

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 26, 2015 at 09:02

    Hello,

    I’ve added this code in custom.css file

    .menu >li.current-menu-item{
      background: blue;
      text-shadow: -1px -1px 0 #a81719;
      border-radius: 5px;
    }
    .menu >li.current-menu-item >a{
    color: #fff;
    }

    Please clean your browser and site cache.

    Regards,
    Robert Hall.

    Avatar: rs0512
    rs0512
    Participant
    March 26, 2015 at 11:43

    Perfect Service. Thank you.

    Best regards
    Ralf

    Avatar: stan
    Stan Russell
    Participant
    March 26, 2015 at 12:05

    Hello,

    you are welcome!

    Regards,
    Stan Russell.

    Avatar: viniciuspaginas
    viniciuspaginas
    Participant
    June 18, 2015 at 13:50

    Hi Guys, need help!
    I install the7 and i use Microsite.
    My problem is that my web site is done and i finish it, BUT the Backgrpund from Old Theme Demo is still there…
    http://www.cristalaventura.com.br

    first the image http://the7.dream-demo.com/wp-content/uploads/2013/08/large-slider-bg.jpg
    come first the oficial background!

    How i remove it?

    thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    June 18, 2015 at 14:43

    Hello,

    I don’t see any background on the site http://www.cristalaventura.com.br, only the slide from revolution slider. Do you mean you want to show this background http://cristalaventura.com.br/wp-content/themes/dt-the7/inc/presets/images/full/skin02r.general-boxed-bg-image.jpg ?
    If so add this code in custom.css file:

    #page {
       background-image: url("http://cristalaventura.com.br/wp-content/themes/dt-the7/inc/presets/images/full/skin02r.general-boxed-bg-image.jpg") !important;
    }

    Regards,
    Eva Kemp.

    Avatar: viniciuspaginas
    viniciuspaginas
    Participant
    June 18, 2015 at 15:27

    Thanks Eva for the fast replay,
    This not appear to you because i change it in PHPMyadmin in the data server, so now is Ok.
    So Another thing is I cant change the copyright information and credits in the bottom bar menu.

    Have some thing more that i can do to re-edite this line cod?
    thanks million for help

    Avatar: Eva
    Eva Kemp
    Support staff
    June 18, 2015 at 16:25

    Hello @viniciuspaginas,

    If you want to change copyright information in the footer you need add Text widget with your content into “Footer Links” and “Footer Copyright” areas in Appearance > Widgets.

    Regards,
    Eva Kemp.

    Avatar: viniciuspaginas
    viniciuspaginas
    Participant
    June 18, 2015 at 17:47

    I alread try this before and not work.
    The text is set there alread and not appear.
    Appearance > Widgets> Default Footer

    Avatar: viniciuspaginas
    viniciuspaginas
    Participant
    June 18, 2015 at 17:52

    Image from my Dashboard

    http://prntscr.com/7ih7u0

    Avatar: stan
    Stan Russell
    Participant
    June 19, 2015 at 07:55

    Hello,

    please provide us with admin credentials for your site in private content.

    Regards,
    Stan Russell.

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.