Add the following code to the `style.css’ of your CHILDtheme:
#featured {
background-color: rgb(2, 255, 255); /*change as required*/
}
Don’t make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
You don’t have a childtheme yet?
1. Install and activate ‘one click childtheme plugin
2. create the childtheme
3. activate the childtheme
4. Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
BTW:
About finding out ‘which things to change in your site [css / html / php]
Well it’s all a bit like trying to solve a puzzle.
Fortunately there are good tools for that.
In your browser: Install / activate webdevelopment add-ons / plugins.
Recommended: ‘Firebug’ and ‘webdeveloper: http://www.chrispederick.com ‘
These tools will show you what’s what.
e.g. right-click > inspect elements > click left bottom arrow-icon
click item in webpage
Inspect css on the right
alter css values to test effect / result
OK? copy altered css rule
paste it in the style.css of your childtheme.
Alternatively:
Press <F12> a screen will show in the bottom.
Move the mouse over each line
The area shows in the top-half
Press + to unfold parts
Investigate and alter on the right etc.
paste it in the style.css of your childtheme.
The color is in line 1406 of the style.css (background-color:#fff)
@lucheto: Changing the original style.css is a risky idea;
Use a childtheme to make the changes in:
Don’t make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
Additional advantage: All changes are grouped in the childtheme, which makes maintenance easier.
Thanks guys… I have made a child theme… but now when I go to Appearance > Editor I have no files to edit. I see only style.css and rtl.css but there is almost nothing in those boxes…. how do I import these files from my parent?
I feel like I am a bit over my head hear as I have been using WP only 10 days or so…
your help is appreciated.
Thank you!
Ah… however my original question has been answered thanks!
I now need to:
Change Top menu and footer menu font color
Change my call to action button color
Change menu shape – move menu to right
Change widget text color (not tittle)
fix the missing links to social icons at bottom of page – for some reason they disappeared when I created the childtheme
Yes, you add only your CSS changes to the style.css file – you can find the pieces of code to add there by using a browser tool such as Firebug. It will show you the CSS for any element – copy that code to the new style.css file and make the desired changes there.
I am not seeing all my .php files either
what is the difference between
edit css and editor?
There’s good info here: https://getfirebug.com/faq/
I’m sure there are many YouTube videos as well – Google will no doubt find them for you :).
EDIT- you evidently changed your post above ? you asked for tutorials? Hence my reply here.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Edit CSS is an option given by a plugin named Jetpack. It lets you add your own CSS rules.
The Editor lets you edit your theme’s files in general; i.e PHP files.
Make the changes in the CHILDtheme!
– copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.
Most wordprocessors also ‘polute’ / contain hidden ‘code’ that browsers can’t handle well. Use NOTEPAD++ [free] or similar EDITOR [not wordprosessor] to edit css and php. Additional advantage: Link Notepad++ to FTP Filezilla and you can easily edit and re-upload your css and php-files etc.
http://codex.wordpress.org/Main_Page
http://codex.wordpress.org/Using_FileZilla
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
http://codex.wordpress.org/FAQ_Troubleshooting
You are right. A child theme is the best option. I just gave the other option because i thought i was easier. Which does not mean is better 😉
Hey all,
I’m adding:
#featured {
background-color: #fdf6f9;
}
to my child theme and nothing is happening. . Is it possible that I’ve got code somewhere else in my child theme overriding it? I’ve looked and don’t see any . . .
The site is here:
http://66.147.244.166/~philadl8/
Thanks for your help!
becca
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It’s worth creating your own thread to discuss that, Becca.
