Title: CSS changes and priority
Last modified: March 19, 2019

---

# CSS changes and priority

 *  Resolved [cyrilruf](https://wordpress.org/support/users/cyrilruf/)
 * (@cyrilruf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/)
 * Dear All,
 * I’m a bit struggling with CSS amendments and priority and since I’m learning 
   on my own, I’m in lack of guideline.
 * Unfortunately, the website is not yet online.
 * So I have added this underline fancy effect on the vertical menu :
 *     ```
       .effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after {
           display: block;
           background-color: #13aff0;
           position: absolute;
           bottom: -30%;
           left: 0;
           content: '';
           width: 100%;
           height: 2px;
           visibility: hidden;
           -moz-transform: scaleX(0);
           -webkit-transform: scaleX(0);
           transform: scaleX(0);
           transform-origin: bottom left;
           -webkit-transition: all 0.25s ease-out;
           -moz-transition: all 0.25s ease-out;
           -ms-transition: all 0.25s ease-out;
           -o-transition: all 0.25s ease-out;
           transition: all 0.25s ease-out;
       ```
   
 * I wanted to make it thiner, so I inspect in Chrome, and copy the below code in
   Customizer > Custom CSS/JS :
 *     ```
       .effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after {
           display: block;
           background-color: #13aff0;
           position: absolute;
           bottom: -30%;
           left: 0;
           content: '';
           width: 100%;
           height: 1px;
           visibility: hidden;
           -moz-transform: scaleX(0);
           -webkit-transform: scaleX(0);
           transform: scaleX(0);
           transform-origin: bottom left;
           -webkit-transition: all 0.25s ease-out;
           -moz-transition: all 0.25s ease-out;
           -ms-transition: all 0.25s ease-out;
           -o-transition: all 0.25s ease-out;
           transition: all 0.25s ease-out;
       ```
   
 * Is that the right way to do it ? Should I add this in the child css instead ?
   It seems both CSS code are shown when I inspect in Chrome. I’m really not sure
   how this should be done.
 * Things is that the police menu should be Capitalized (typography > menu), and
   it’s not the case anymore, I believe it’s a side effect from the change of underline
   pixel height. Would you please mind to explain me what I’m doing wrong ? Thank
   you.
 *     ```
       #site-navigation-wrap .dropdown-menu >li >a, #site-header.full_screen-header .fs-dropdown-menu >li >a, #site-header.top-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.center-header #site-navigation-wrap .dropdown-menu >li >a, #site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a, .oceanwp-mobile-menu-icon a {
           font-family: Roboto;
           font-weight: 400;
           font-size: 15px;
           letter-spacing: 4.3px;
           text-transform: capitalize;
       ```
   
 * Thank you vm for your help !
    Cyril.
    -  This topic was modified 7 years, 2 months ago by [cyrilruf](https://wordpress.org/support/users/cyrilruf/).

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

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11330616)
 * Hello,
 * You can add CSS code to the Custom CSS section without any issue. For the capitalized
   issue, can you please explain it more? I didn’t understand it.
 *  Thread Starter [cyrilruf](https://wordpress.org/support/users/cyrilruf/)
 * (@cyrilruf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11330902)
 * Thank you Amit,
 * In the preferences, typography > main menu, I changed transformation of the text
   to Capitalized. But the menu doesn’t appear as capitalized (it was a the begining).
   Is there some kind of conflict ?
 * Regards,
    Cyril.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11331710)
 * It should work. Try to disable/enable plugin and clear cache to see for a possible
   conflict.
 *  Thread Starter [cyrilruf](https://wordpress.org/support/users/cyrilruf/)
 * (@cyrilruf)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11332149)
 * Thank you ! It is indeed working ! Sorry for this ! Thank you vm Amit.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11333355)
 * You’re welcome!

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

The topic ‘CSS changes and priority’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/css-changes-and-priority/#post-11333355)
 * Status: resolved