(Theme: Lucid )Navigations issue

  • Resolved Uljicni

    (@uljicni)


    10 years, 7 months ago

    So i am learning in procces and i wanted to use theme Lucid from elegantpress, found it online somewhere a couple of days ago.

    What i want to do is to modify top-menu and second-menu trough css but some of the styles is in (index) and i dont know how to override it, i want both menues with same link color, hoover over and active

    I tried to make child theme and just put my css but it is overriden with (index) ona line 54, or 64 so can anybody help me or explain how to do this??

    style.css on line 101 and in index

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

  • I’m sorry, but as you are using a commercial WordPress theme, you need to seek support from your theme’s vendor, in this case, Elegant Themes. After all, that’s part of what you paid for. Here, we only support themes downloaded from the official WP.org repository.

    Thread Starter Uljicni

    (@uljicni)

    no problem should i delete post?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Might as well leave it up so that Stephen’s comment has some context, but you could remove the link to your site if you don’t want it there.

    You don’t have to.

    Thread Starter Uljicni

    (@uljicni)

    in general i think the best is to do child theme with css that overrides theme’s css,

    i am just wondering how come when i inspect page on particular navigation it says (index): number of line cuz i’ve nnever seen this

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s referring to some styling in your <head> element of the page, put there by a plugin(?)

    Thread Starter Uljicni

    (@uljicni)

    probably cuz theme ofers color schemes (3 colors) and u have to pick one , u can not disable it, everything else i can disable, heh

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re using more specific selectors in CSS you could probably override it

    Thread Starter Uljicni

    (@uljicni)

    #second-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; display: block; font-weight: lighter; }
			#second-menu > ul > li > a { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
			#second-menu > ul > li > a:hover { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); box-shadow: inset 0 0 10px rgba(255,102,0,0.9); }
				#second-menu li.sfHover > a { color: #fff; text-shadow: none; }
			#second-menu .main_text { color: #4b4b4b; }

    this is for menu, and i know alot about css i changed it all like i want it , it looks good on localhost and in dreamweaver, but when i put it on mine theme iit is ooverriden in inspector, eh

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Useful https://css-tricks.com/specifics-on-css-specificity/

    E.g.

    body #second-menu a

    Thread Starter Uljicni

    (@uljicni)

    i will check it all out, consider this topic resolved and close it

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘(Theme: Lucid )Navigations issue’ is closed to new replies.

Tags