Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
.site-header .navigation-top .menu-scroll-down {
background: black;
color: white;
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
Wish I could buy you a cup of coffee for that… Many thanks!
Is there a way to make it even more ‘visible’? For instance: what code can I add to make the arrow bold? And maybe to get some hover effect?
-
This reply was modified 7 years, 4 months ago by Marcel Stephan. Reason: forgot to tick the follow-up box
Yes, I took Andrew’s code as a start and spent a good chunk of my Sunday googling after a bunch of CSS tutorials… Changed the black square background to a maroon circle, and made the arrow bigger and brighter… I copied all the relevant code in the styles.css file and pasted to a text editor where it tooks a lot of googling, trial and error to figure out… Good lluck!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@gogme, Yes as dubsibello has mentioned a lot can be customised, but it does come down to personal taste and so I recommend opening a new thread to discuss this: https://wordpress.org/support/theme/twentyseventeen/#new-post
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@dusibello, Just in case you meant to edit the theme’s style.css file, I have to recommend not to. The way to change CSS is either in the ‘Custom CSS’ theme option, through a Child Theme or using a Custom CSS plugin.
Yes sir, I was copying the code from the parent theme, did my editing in Notepad+, and copied the code to the child’s styles.css
And thanks again for the awesome tip!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
OK, thanks. I’ll start a topic on my own.
How would one get rid of this arrow and the space it occupies completely?