Infinity Pro Text Widget Font Size

[burtwalker]

I would like to modify the font size of the text widgets I'm using on the Front Page widgets. Some of the other Genesis themes can be modified in the theme style sheet for this, but I can't find them in Infinity Pro. Can someone point me to where I can change this?

http://enclaveatwindingbrook.com

[James Chai]

Access your style-front.css file and find the 'widget' area that you want to change/edit the font size.

i.e.

.front-page-1 p {
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

---

Marketing, Sales and WordPress Growth Hacking http://www.smbpress.com

[burtwalker]

Thank you jchai. I was looking for the style sheet in the WP editor and it wasn't showing there. Anyhow, that worked, but only for the entry text, not the entry title. I'd like to change the entry title too. Any suggestions?

[burtwalker]

Disregard that last question. I figured out how to do it. Thanks much for your help.

[James Chai]

Infinity Pro is unique in that it comes with a few style sheets (style.css, style-front.css, woocommerce.css)

as for the entry title try

.front-page-1 .entry-title {
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

Tip: You can determine the 'exact' element(s) that you want to change/edit by using your browsers 'inspect' tool.

(Right click your site when viewing through your browser to access the inspect tool.)

---

Marketing, Sales and WordPress Growth Hacking http://www.smbpress.com

[geneburwood]

Ok, I Thought I had it. on http://www.re941.com/lakewood-ranch-homes-for-sale/
I have a sidebar widget. When I do an inspect on it i see that widget is text-10, but how do i change the font size on THAT widget???

[Victor Font]

You would add CSS for that specific ID:

#text-10 {
   font-size: 18px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[geneburwood]

Thank victor.
I saw that from above, but when I added it to the Customize--> Additional CSS section

I am also using custom Sidebars, so i will need to have a CSS entry for each custom sidebar widget, because the id's are different on different pages...even tho' they are cloned...

Yikes...

[Gary10]

Please Help Change Text Size in Widget for Mobile

This is for full size and tablets:
<h1 style="font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; text-transform: none; font-weight: 100; letter-spacing: 3px; font-size: 28px;">People buy stories, let <span style="font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: lightgreen;">Gary Hart</span> sell yours.</h1>

Numerous failed attempts in @media only screen and (max-width: 600px)
I even tried adding id's and classes. Any help appreciated.

Website garyshart.com

[Author]

Posts