Change widget title in Home page

Shapely
1

Hi,
I appreciate your effort in this support forum.

I designed a website (http://sciencelearninghub.com/) with shapely but i have few issues:

  1. I will like to change the widget title to something bigger like the one on this site(http://first-results.co.uk/)

2… I will also like the footer links to be on a straight line with enough spaces without breaking to another line exactly like http://first-results.co.uk/

I have added some code from your forum to solve this issue but its not working. Below is the code in my admin>customize>additional settings>css page:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/Remove author and date information/
.entry-meta {
display: none;
}

body * {
font-family: Raleway, “Helvetica Neue”, Helvetica, Arial, sans-serif;!important;
font-size: 16px;
}
#page #main .entry-content {
color: #000;
}

#shapely_home_parallax-1 .top-parallax-section h1 {
font-size: 60px;
}
#shapely_home_parallax-1 .top-parallax-section p.mb32 {
font-size: 20px;
}

Look forward to your response.

2

Hello there,

I hope you are doing well today.

Pleasetry out the following CSS code:

/*Increase title font weight and size*/
#shapely_home_parallax-1 .top-parallax-section h1 {
    font-size: 60px;
    font-weight: bold;
}

/*Footer link margin and width increase*/

.col-sm-6 {
    width: 100%;
}

.copyright-text a {
    margin-right: 20px;
}

Best Regards,
Support

3

HI,

Thanks a great deal. Footer issue has been resolved.

However, the following widget title :About Us,Why science learning hub?, Out tutor experience and get started also needs to be increased.

Am so grateful for your time.

4

Hey there,
Thank you for keeping in touch

You can use the following CSS to achieve this:

/*increase width of text column*/
.home .col-md-4 {
    width: 50%;
}

Best Regards,
Support

5

Hi,

Thanks you once more for reaching out. I don’t mean to bother you but the CSS code on worked for one of the widget in the home page titled “WHY SCIENCE LEARNING HUB?”.

Could you please help with CSS code for the other widgets titled, “ABOUT US”,“OUR TUTORS EXPERIENCE” and “GET STARTED”.

I will also appreciate if the widget titlles can be bold.

Below is the current code in the CSS:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/Remove author and date information/
.entry-meta {
display: none;
}

body * {
font-family: Raleway, “Helvetica Neue”, Helvetica, Arial, sans-serif;!important;
font-size: 16px;
}
#page #main .entry-content {
color: #000;
}

/Increase title font weight and size/
#shapely_home_parallax-1 .top-parallax-section h1 {
font-size: 50px;
font-weight: bold;
}

/Footer link margin and width increase/

.col-sm-6 {
width: 100%;
}

.copyright-text a {
margin-right: 2px;
}

/increase width of text column/ .home .col-md-4 {

width: 70%;
}

Thanks a great deal.
6

Hello there,

Please use the following CSS code to edit the font size and weight for all the widget titles:

/*Widget titles font weight and size*/
.shapely_home_parallax h3 {
    font-weight: bold;
    font-size: 20px;
}

Best Regards,
Support

7

God bless you plenty.

All issues has been resolved. Kudos

8

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support