Community Forums › Forums › Archived Forums › Design Tips and Tricks › Infinity Pro Text Widget Font Size
Tagged: front-page-widgets, Infinity Pro, text widgets
- This topic has 8 replies, 5 voices, and was last updated 5 years, 4 months ago by
Gary10.
-
AuthorPosts
-
April 7, 2017 at 11:41 am #204450
burtwalker
MemberI 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.comApril 7, 2017 at 11:59 am #204451James Chai
MemberAccess 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
April 7, 2017 at 12:20 pm #204452burtwalker
MemberThank 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?
April 7, 2017 at 12:24 pm #204453burtwalker
MemberDisregard that last question. I figured out how to do it. Thanks much for your help.
April 7, 2017 at 12:28 pm #204454James Chai
MemberInfinity 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
November 27, 2017 at 8:18 pm #214034geneburwood
ParticipantOk, 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???November 28, 2017 at 7:47 am #214058Victor Font
ModeratorYou 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?November 28, 2017 at 2:11 pm #214085geneburwood
ParticipantThank victor.
I saw that from above, but when I added it to the Customize--> Additional CSS sectionI 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...
May 13, 2018 at 2:02 pm #219830Gary10
MemberPlease 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. -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.