SomewhatRounded

Hey elebea20, you’ll want to put this either in a custom css section or a child theme:

span.fa.fa-facebook {
    color: #3b5998;
}
span.fa.fa-twitter {
    color: #55ACEE;
}
span.fa.fa-google-plus {
    color: #dd4b39;
}
span.fa.fa-rss {
    color: #FF6600;
}

Hope that helps!

Pretty straightforward! For the button, in your theme options the first tab has an option to disable the call to action button, and for the headline you can add this to your custom css area:

.featured-title {
    display: none;
}

Cheers!

Hey riguy; not quite sure what you mean…do you mean your content in the center is getting cut off by the footer (black bar at the bottom)?

If so, it’s the position: fixed that causes it to stick there!

The css is the only file *needed* for a child theme, and if you’d be able to make the change with css instead of php would entirely depend on what you’re trying to change (it’s very likely not possible).

If it’s a template that you’d like to alter, you can copy the file over from the parent theme and make the change (any file, of the same name, in the child theme would override the file in the parent theme) ??

Oops, almost forgot, if it’s *only* that button that you’d like to change you can add the page’s class in there so it would be .page-id-104 .kad-btn {} instead.

If you’re using a Child Theme or Custom CSS plugin you can add in this with the appropriate colour code(s):

.kad-btn {
    background: #77e7e3;
}
.kad-btn:hover {
    background: #000;
}

The first tidbit of css will change the colour for it’s normal state and the :hover will change the colour it turns when you mouse over it ??

Hey Tamera! It’s hard to tell without seeing the site, but it could be something as simple as putting the ‘#’ back in front of your colour code ??

If you try this, you can let us know if it works!

.widget-area .sidebar-primary .widget {
background-color: #ff6600;
}

That’s the best part! Everyone is always learning ?? codeacademy.com is a great place to start! It goes over the basics, and it’s free! teamtreehouse.com is great too, but does have a cost (well worth it, though!)

You were close with the padding! The custom css will do it ??

This will get rid of the padding for the header image there:

.kad-header-left {
    padding: 0;
}

Cheers!

There’s a few things here!

A lot of the extra white space is coming from the actual image, cropping that down will fix that up for you ??

Another point worth looking into at the same time is image size; the logo is 2mb, and has much larger dimensions than needed. Shrinking that down and using a little compression will save your visitors some load time and bandwidth!

Here’s what it would look like with a 466×185 version (only 39kb, and you could make it even smaller!): https://monosnap.com/image/GE2xyxFoT9NPCPINmfJNLKl2NR1Jgf

Cheers!

Good ol’ fashioned html will do the trick ??

ex. <a href="https://thislink.com">link text</a>

Changing it to a number larger than 10 wouldn’t do anything because it would be giving it more space than the content needs; but as for the rest I’m sure we can figure it out!

It looks like your code has been added in at the top of your style.css (not sure if that was done manually or by the plugin you mentioned), adding it to the bottom of that file might clear that up!

You should be able to have different colours without a problem!

I installed a fresh copy of the theme and it was actually showing like that by default (https://monosnap.com/image/LISA8ZTpKb2gEPh7pF3SgJ0tfnREk7)

Do you have any custom css in there at the moment that might be switching things up a little, or an older version of the theme? From what I can see there’s some css right on your main page that’s making everything the white instead of red ??

This, for example, is hiding the borders on that area:

.footer-widget-area, .hentry .entry-meta, .entry-footer {
/* border-top-color: #ffffff; */
}
.widget-title, .main-navigation ul ul li, .hentry .entry-meta, .entry-footer, .error404 .widgettitle {
border-bottom-color: #ffffff;
}

(removing .hentry .entry-meta from those should get those back!)

Firebug is a great tool for investigating this kind of css stuff ??

Hey Johnny!

To just decrease the height of the footer you can use a little css ?? If you’re using a child theme (highly recommend it!) it can be added to your style.css, or if you’re using a custom css plugin it can be added in there ??

Something like this would decrease the height by a bit:

.site-footer {
max-height: 10em;
}

Depending on how small you want it you may need to play around with some other properties, but your browser’s inspect tool (right click and ‘Inspect Element’) should help you out with finding what you’d like to change!

Hey Sherri!

Do you have any more info for the question? Which folder, what you’re trying to get onto WordPress, etc.

Typically you have a folder for your domain/subdomain and your WordPress content will be in there. wp-content has the most of it in terms of themes, plugins, etc.

If it’s a theme that you want to install, you can just go to ‘Appearance’ > ‘Themes’ and then ‘Add New’ and either upload the .zip folder or search for a theme to add ??

Let me know if that’s what you were looking for or not!

Cheers!