Change font type/color

[StephIvoryInk]

Hello! I am looking for assistance in changing the font in a widget. I cannot find the code to edit in the stylesheet. The child theme is Cafe Pro. The website is: http://www.prettysweetdesigns.com

I need to change two things:

The color of the text "the secret of getting ahead is getting started- mark twain" from white to black

and

Change the font type of the "Hi I'm Elizabeth" section to match the mark twain quote font.

I appreciate any help!! 🙂

Thanks!

http://www.prettysweetdesigns.com

[StephIvoryInk]

I was able to change the font color using this:

#front-page-3 .widget-area .widget_text {
color: #000000;
}

Still need help with the font type 🙂

[StephIvoryInk]

Still looking for help please 🙂

[desireejester]

Crimson Text is being used for the body font and Dosis is being used for the heading tags. To change the heading text in that section, you are going to want to target

#front-page-5 .widget-area .widget_text h2 {
font-family: "Crimson Text";
}

[StephIvoryInk]

Thank you that was very helpful! I appreciate it. 🙂
Would you happen to know how to center widgets? It's the last issue I am stuck on, I have three widgets all positioned to the left on the page: the "hi Im elizabeth", the testimonials, and the portfolio. I know you cannot use float: center in CSS and am having trouble narrowing down the correct coding.

[desireejester]

Do you want them all on the same line and centered? Or do you want each one to have its own area but be centered within that area? There are two different fixes depending on what you want.

If you want each one centered in its own area, target which ever widget area it is on and add a margin of 0 auto to it like this:
#front-page-5 .widget-area {
margin: 0 auto;
}

If you want them all lined up together and floating correctly, just add all the widgets to the same widget area and the column classes already built into Genesis should align them properly.

[StephIvoryInk]

Thank you! I had to add the following and it worked perfectly 🙂

#front-page-5 .widget-area {
margin: 0 auto !important;
display: block !important;
}

I'm not sure why the portfolio is still aligning goofy within the widget, but I think it may have to do with the portfolio plugin itself.

One last question and then I will not be bothersome anymore 🙂

The testimonial centered, but is slightly crashing into the text still, do I add margin: top to move that down?

[desireejester]

Yes, you would add a margin-top to that widget area to pull it down from being on top of the graphic title 🙂

[Author]

Posts