It's unlikely you'll have a child theme in a test site, so we'll use Additional CSS in Customize. First, let's change the table attributes. We'll make the border blue and the background color a lighter blue, and maintain the current width by adding the following code into Additional CSS:
.content table {
width: 580px;
border: 2px solid #352ece;
background-color: #cbfcfc;
}
Now click on Publish, and refresh page to see the changes.
"I've added the CSS code, clicked on Publish, and refreshed the page, but the table's exactly the same,
what have I done wrong?"" Answer: Nothing. HTML code will always overrule CSS code, so now we need to delete the HTML code within the table tag, The tag should now look like this:
<table>
click on Preview and the table border should be blue, background color light blue, and width the same.
I will be honest with you...this training is way above my skill level, but I am saving it for when it isn't. Thanks for putting it out there.
Have a Great Day!
-Chuck
Reply
All the code, HTML and CSS, throughout the tutorials can be copied and pasted. So, may I suggest you get yourself a test site and, starting with Part 1, copy and paste the code step-by-step, adding to or changing the attributes with your own.
Doing this will give you a better understanding of how HTML and CSS works, at the same time improving your skill level. Don't worry, using a test site won't do any damage, if something doesn't work, delete it and try another approach.
If you have any questions regarding HTML and CSS, I will do my best to answer them, or help wherever I can. Best wishes.
