- This topic has 12 replies, 2 voices, and was last updated 5 years, 8 months ago by Skandha.
-
AuthorPosts
-
July 18, 2018 at 12:02 pm #149827ruthmaramisParticipant
Hello!
I’m working on http://www.uptownworksnyc.com (which is still on Under Construction mode). I’d like to change the font style of the Header Media Title “Stories through media & arts” to something that’d match the sans serif fonts of the menu. Also, how can I center the heading text under ‘Our Works’: Theatre & Choreography | Film | Sound. We also want the body copy on each module to be center-aligned. I presume it’s possible to do that? Thanks!
July 19, 2018 at 3:08 am #149859SkandhaParticipant@ruthmaramis: Please let me know when your site is accessible so that I can look into the issue and help you out.
Kind Regards,
SkandhaJuly 25, 2018 at 12:27 pm #150320ruthmaramisParticipantHi Skandha, the site should be accessible now. Thanks!
July 26, 2018 at 12:02 am #150354SkandhaParticipant@ruthmaramis: Nope, It still says “Uptown Works is under construction”.
Kind Regards,
SkandhaJuly 27, 2018 at 11:34 am #150475ruthmaramisParticipantHi Skandha, the sit is still under construction but you should be able to access it. I’ll send you the login info.
July 29, 2018 at 11:45 pm #150576SkandhaParticipant@ruthmaramis: To change the font of Header media title
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..custom-header-content .entry-title.section-title { font-family:"Lato", sans-serif; }
You can change the font according to your requirement.
You seem to have figured out how to center align other sections.
Let me know if this works out!
Kind Regards,
SkandhaAugust 1, 2018 at 1:35 pm #150758ruthmaramisParticipantThanks Skandha! The code works.
So how does one make the heading text on the homepage to be the sans serif like the header? i.e. the text ‘Our Works’ ‘About Us’ as well as the three modules that says THEATRE & CHOREOGRAPHY | FILM | SOUND They still need to be centered btw, the text within the three modules I mean. Please give me the CSS for that. Thanks so much!
– Ruth
August 1, 2018 at 1:40 pm #150759ruthmaramisParticipantOh I also need to make the main header text ‘STORIES THROUGH MEDIA & ARTS’ a bit smaller. Can you give me the CSS code for that? Thanks!
August 2, 2018 at 12:56 am #150776SkandhaParticipant@ruthmaramis: The menu items and sub menu items already look centered and also have the same font as the header media text.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/* To change size of header media title */.custom-header-content .entry-title.section-title { font-size:40px; }
Let me know if this works out!
Kind Regards,
SkandhaAugust 2, 2018 at 10:34 am #150867ruthmaramisParticipantHi Skandha, yes the Custom Header font size code works but no, the text below the three modules are still NOT centered. Let me send you a screenshot of what I want done.
Thanks!
August 3, 2018 at 4:48 am #150899SkandhaParticipant@ruthmaramis: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
.portfolio-entry-header .entry-title { text-align:center; }
Let me know if this is what you want!
Kind Regards,
SkandhaAugust 3, 2018 at 1:51 pm #150937ruthmaramisParticipantYes that works! I was also able to make the heading text ‘Our Works’ and ‘About Us’ to be centered and in sans serif, but for some reason I can’t figure out how to make the text ‘Our Clients’ at the bottom to match those two. As you can see it’s still set in a SERIF font. Would you be able to help with that?
Also, on the http://jvb.zsc.mybluehost.me/2018/04/11/choreography/ page, there are several slideshows gallery. Is there a way to modify the border of the slideshows to be more white or light gray?
Thanks!
August 5, 2018 at 12:07 pm #151036SkandhaParticipant@ruthmaramis: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
/*To change font of Our clients */ .entry-content h1 { font-family:"Acumin Pro Condensed", sans-serif; } /* To add border to the slideshow */ .slideshow-window { border:3px solid grey; }
Let me know if this works out!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Updating header font style and centering text on 3 modules’ is closed to new replies.