acub

April, just as I pointed out here, your CSS is not working because your .carousel-inner > .active.left is not closed (after left:0).

You need to insert:

;
}

between left: 0 and /* Remove icon */, on line 54 of that code.
And please put your code in code window, by adding above and below the code a line with a single backtick in it.

First, remove all code related to buttons from your custom CSS. Than, add this to it:

.btn.btn-primary.fp-button {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ee7c2a;
  background-image: -moz-linear-gradient(top, #f78c40, #e16309);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#e16309));
  background-image: -webkit-linear-gradient(top, #f78c40, #e16309);
  background-image: -o-linear-gradient(top, #f78c40, #e16309);
  background-image: linear-gradient(to bottom, #f78c40, #e16309);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff78c40' , endColorstr='#ffe16309' , GradientType=0);
  border-color: #e16309 #e16309 #984306;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e16309;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn.btn-primary.fp-button:hover,
.btn.btn-primary.fp-button:focus,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active,
.btn.btn-primary.fp-button.disabled,
.btn.btn-primary.fp-button[disabled] {
  color: white;
  background-color: #e16309;
  *background-color: #c95808;
}
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active {
  background-color: #b04d07 \9;
}
.btn.btn-primary.fp-button:hover,
.btn.btn-primary.fp-button:focus,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active,
.btn.btn-primary.fp-button.disabled,
.btn.btn-primary.fp-button[disabled] {
  color: white;
  background-color: #e16309;
  *background-color: #c95808;
}
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active {
  background-color: #b04d07 \9;
}

Should do the trick.

Note: this only changes the buttons under featured pages on first page, not any other buttons throughout the website. (At least that’s what I understood you want.)

@april475: hint: for code to be displayed properly, both containing backticks (start and end) need to be on their own lines, alone.

The

#main-wrapper .format-icon:before {
content: none;
}

doesn’t work because it’s not properly read. The previous declaration is not closed and no browser is smart enough to close it for you, to understand #main-wrapper .format-icon:before for what it is: a CSS selector. Instead, they try their best to read it as an attribute declaration which results in an error.
Just type

;
}

between left: 0 and /* Remove icons */ and you’re good to go.

To whoever moderated this topic:

I have posted a thorough answer to this question some 10-12 hours ago. Took me almost half an hour to document and test (I usually don’t spend more than 10 minutes on a support answer). Was it deleted? If yes, I’d like to know why.

Thank you.

I’m not sure I understand what you mean by “Featured contents”. In case you want to add extra featured pages after the existing ones, I did help someone else achieve this a few days ago, but the thread is a bit lengthy and might be hard to follow. I’ll write a snippet based on it and post it on theme’s website in a day or two.

As for “shortcodes”, keep an eye out on the Code Snippets section we recently started on the theme’s website. We’re adding new mods regularly and it’s growing fast (every time we answer question here, if we think it might be useful to others we add it there), for easier finding.

You need to delete line 129 from your child theme’s style.css.
Just in case you use an editor without line numbers I marked it in the code below:

footer#footer p, footer#footer a {
padding:        0px ; /* Delete me! */
font-size:      1em ;
text-align:     none;
line-height:    1.2em ;
}

Not a big issue, but I thought I’d mention since I saw it. There’s no such thing as text-align: none. You might want to change it to left, right, center, justify or inherit.

If your posts have a featured image, that image is displayed in the posts list with the circle hover effect on. If it doesn’t a featured image, the first image from the post is displayed, without the effect.

So just go in each post’s edit screen and set the image from the post as featured image and it will show up in lists with the hover effect. The featured image box is displayed at the bottom of the right sidebar by default.

Don’t forget to save the post after you set the featured image.