[NoellemenaParticipant]

Oh my, I am so sorry I am posting so much. I am getting this like perfect as I am going to be creating for a lot of different people and these colors will need to be changed. I tried to use firebug for these but it gets confusing in combo with X.
I had tried
id=”learndash_course_content_title”
#ld_course_list .thumbnail .caption

but nothing is working.

On this page…
https://www.evernote.com/l/AAUv55B0zb9CCLqyykqTfsyNZS2Sc45utdIB/image.png

The Purple circles items- how to change their color.
And then the Titles of the course itself is too big. What would change the titles to be smaller and centered?

*I would actually like to change ALL my Header 3 text to be smaller site wide too. It’s just still huge.

You all rock in there!

[RupokMember]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Also would you please summarize what you want to accomplish in a list order?

Thanks

[NoellemenaParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.thumbnail.course .price {
    background: purple;
}
.thumbnail.course .price:before {
    border-top: 4px solid purple;
    border-right: 4px solid purple;
}
h3.entry-title, .h3, h3 {
    font-size: 18px;
}
#ld_course_list .btn-primary {
    color: #ffffff;
    background-color: red;
    border-color: #000;
}
#ld_course_list .btn-primary:hover, #ld_course_list .btn-primary:focus, #ld_course_list .btn-primary:active, #ld_course_list .btn-primary.active, #ld_course_list .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

Hope it helps.

[NoellemenaParticipant]

The only thing the code changed was the title size, which I REALLY wanted so yay!

The other things I would really like them to be able to change but the code did not do it.
I realize all this with LearnDash is beyond your support and understand if you cannot take the time to assist. I will post the code you gave me in their forum and see what is missing.

Thank you so much!!!
Noelle

[FriechModerator]

Hi Noelle,

To change the color of the green price tag, use this css

.thumbnail.course .price {background: purple !important;}
.thumbnail.course .price:before {
	border-top-color: purple !important;
	border-right-color: purple !important;
}

Then add this to center the titles

.caption > .entry-title {text-align: center;}

Hope it helps, Cheers!

[NoellemenaParticipant]

You did it! Look how pretty the Price Tags are!
https://www.evernote.com/l/AAVJiEddXAJN6quUV92Kvdc60WEt2x2DWfgB/image.png

The code did not work to make the title center. But I am still so happy with the price tag!!!

How about the “See More” button under each of the classes?? Right now they are the standard Blue.

THANK YOU!!
Noelle

[FriechModerator]

Hi Noelle,

The price tag looks great! The second css code provided above only works for the courses title (not site wide). I’ve added an font size property to it and it did work.

.caption > .entry-title {
	text-align: center;
	font-size: 18px;
}

Please clear your browser’s cache before previewing the page.

Cheers!

[NoellemenaParticipant]

You are simply wonderful Thank you!

I will add this code tomorrow as I’m done for the night!

Any tries on the “See More” button under each of the classes?? Right now they are the standard Blue.

Have a wonderful night or day, I have no idea where y’all are.
Noelle

[ChristopherModerator]

Hi there,

Please add this as well :

a.btn.btn-primary {
    background-color: red !important;
    border-color: red !important;
}
a.btn.btn-primary:hover {
    background-color: #000 !important;
    color: #efefef !important;
border-color: #ffffff !important;
}

Hope it helps.

[NoellemenaParticipant]

It did! You made it possible for me to have it look JUST the way I wanted!
Now when I create these for others I will be able to offer them the same.
https://www.evernote.com/l/AAVrKCoGvqlM0L7cmCREJ0k3evFTkRdbxKEB/image.png
YOU ALL ROCK!

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts