Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #149827
    ruthmaramis
    Participant

    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!

    #149859
    Skandha
    Participant

    @ruthmaramis: Please let me know when your site is accessible so that I can look into the issue and help you out.

    Kind Regards,
    Skandha

    #150320
    ruthmaramis
    Participant

    Hi Skandha, the site should be accessible now. Thanks!

    #150354
    Skandha
    Participant

    @ruthmaramis: Nope, It still says “Uptown Works is under construction”.

    Kind Regards,
    Skandha

    #150475
    ruthmaramis
    Participant

    Hi Skandha, the sit is still under construction but you should be able to access it. I’ll send you the login info.

    #150576
    Skandha
    Participant

    @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,
    Skandha

    #150758
    ruthmaramis
    Participant

    Thanks 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

    #150759
    ruthmaramis
    Participant

    Oh 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!

    #150776
    Skandha
    Participant

    @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,
    Skandha

    #150867
    ruthmaramis
    Participant

    Hi 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!

    #150899
    Skandha
    Participant

    @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,
    Skandha

    #150937
    ruthmaramis
    Participant

    Yes 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!

    #151036
    Skandha
    Participant

    @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

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Updating header font style and centering text on 3 modules’ is closed to new replies.