Community Forums › Forums › Archived Forums › Design Tips and Tricks › Jessica Theme – changing css font size, colors etc
Tagged: Jessica Theme stylesheet changes
- This topic has 3 replies, 2 voices, and was last updated 6 years, 2 months ago by
Victor Font.
-
AuthorPosts
-
July 10, 2017 at 4:33 pm #208930
candacegodwin
ParticipantHi,
I'm not a techie, but have been able to make successful changes to style sheets in the past with other websites. I've had trying luck with the Jessica theme. I'm trying to do simple things like change the size of the text in the header area. Using Chrome's inspect elements, I'm able to make the change, by changing 5.1rem to 3.1rem -- but when I attempt this in the style css (working in Firefox), it doesn't work. Here's the code:
.site-title {
font-family: 'Roboto Slab', serif;
font-size: 51px;
font-size: 5.1rem;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
}Jessica has numerous style sheets, making it that more confusing: stylesheet css, visual editor css and rtl-css. I've tried making the change in both the css and rtl-css (so they are both the same code), but it doesn't work. If I change to 3.1rem, do I need to also change to 31px? I've tried that and it doesn't seem to matter.
I had a similar issue with changing the background header color -- after many attempts it finally worked -- is there a delay?
All changes appear to "work" with inspect elements, but not with actually changing the code. It can't be that hard -- what am I not doing correctly?
I'm waiting to be accepted in the Web Savvy forum, but any help here would be greatly appreciated. Thanks in advance -- Candace
http://livingearthnaturals.comJuly 10, 2017 at 4:46 pm #208931Victor Font
ModeratorYes, you need to change both font-size and rem. 1 rem = 10px. This is what I see in your style sheet with Firefox and the rem is controlling the display:
.site-title { font-family: 'Roboto Slab', serif; font-size: 51px; font-size: 3.1rem; font-weight: 300; line-height: 1; text-transform: uppercase; }
You may be seeing a cached version of the style sheet if you see something different.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 10, 2017 at 5:05 pm #208932candacegodwin
ParticipantThanks Victor, I made those changes then discovered it was an issue with caching. It works and I appreciate you taking the time to respond. I do have another question -- please let me know if I need to start a new thread -- is there a way to add a logo file to this theme without going the ftp upload route?
Thank you again for your time and quick response. -- Candace
July 11, 2017 at 10:31 am #208975Victor Font
ModeratorFor some reason, the developer of the Jessica theme didn't take advantage of the Genesis custom header feature. Since that's a third party theme, you may be better off directing your question to the developer. http://www.web-savvy-marketing.com/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet? -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.