footer font spacing

Home Forums All Other Themes footer font spacing

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #157117
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    Hello I just updated from healing touch 2015 to the 2020 version.

    The fonts of the default footer are not quite the same on the new version. They are Larger, spaced further apart and don’t have the thin underline under the headings.

    Not sure what the font was because it was not shown in the old version.

    How do I get the new version foot fonts and spacing to be like the old one?

    I’ve included a image having the old version on the bottom new on tom for comparison.

    Thanks

    New vs Old Healting touch footer fonts

    #157124
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Dave

    #157134
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    jonesvision.rocks

    just a test site getting the hang of the theme.

    • This reply was modified 2 weeks, 4 days ago by Robert Jones.
    #157136
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    #footer .footercols4 h3 { font-weight:400; margin-bottom:20px; padding-bottom:20px;}
    .footer-blog-posts ul li { margin-bottom:0;}
    .footmenu li { margin-bottom:9px;}
    #footer .footercols4 h3::after { height:1px;}

    Regards,
    Dave

    #157141
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    Thanks for the help! Now just need to fix that white 1/2 underline of the heading and change the heading Fonts.

    See how the underline circled in red is grey and is centered with the text above it. The new version the underlines turned white and are not centered.

    grey underline centered

    • This reply was modified 2 weeks, 4 days ago by Robert Jones.
    #157210
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    #footer .footercols4 h3::after {
        background-color: #404040;
        width: 100%;
    }

    If you want to change footer title font family>

    Kindly go to Appearance >> Customize >> Basic

    See screenshot below:

    View post on imgur.com

    Regards,
    Dave

    #157246
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    Thanks again.

    I had made my own custom appointment form on its own page before but i see you now have a inline form and blue floating click me boxes for other things.

    What I don’t see is a easy way to change these. Maybe I want those floating boxes to be a darker blue, or put in links to a page etc.

    Where to edit the red circles

    #157318
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    Kindly go to pages >> Home Page >> Edit with Elementor >> and change/edit each section there.

    Regards,
    Dave

    #157355
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    Yes about 10 minutes after I asked I started fooling around with elementor. And found I could edit many things there. Just takes a bit getting use to jumping around to edit in different areas of wordpress, the theme, plug ins and eliminator.

    I’m getting the hang of it.

    I don’t quite understand the header under the header. To me the header is the part that your logo is in but there was also another header which was a blue graphic that was below the actual “what I can a header” so it was like two headers one with the company logo and menu drop downs and just a long wide graphic under it taking up 2x the space.

    The fonts on the 4 foot columns can be controlled via the theme but the 4th one (with company name, email on far left) had to be changed via css. I ended up changing it to a (i hope unused) H5 font so then the them can control it in the fonts section.

    I’m thinking because I started this site using the 2015 version of the theme. What should I have done in order for the theme to control ALL four footer areas?

    #157485
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    Do you want add h5 tag instead of h3 in the footer colunm 1?

    Regards,
    Dave

    #157511
    Robert Jones
    Participant
    • Topics: 3
    • Replies: 8
    • Total: 11
    Member since: November 11, 2015

    I don’t know what I want as I did not understand why all the other footers could be controlled by the theme except the one of the far left, it had a mind of its own. Had to use CSS to change things.

    I opened its text and the fonts were set to “Paragraph” But I noticed on the fonts menu it had h1 through H6?

    So i set it to H5 just thinking maybe H5 is not used elsewhere and I would be able to control the font of that section via the H5 fonts area of the theme. It worked but Would have rather had all 4 columbs be controlled vs one area vs two.

    #157748
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24760
    • Total: 24760
    Member since: August 16, 2013

    Hi,

    If you want to control the footer by using theme control?

    Kindly go to Appearance >> Customize >> Footer >> Edit footer

    Regards,
    Dave

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.