[Resolved] Bigger Icon Home Page

Home › Forums › Trusted Pro › Bigger Icon Home Page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 20, 2018 at 3:48 pm #4226
    Phillip Allen
    Participant

    I know on the homepage you have a custom header. That won’t work for me as I like the random headers image and also how the featured services box layover the image. Is there a way to make the icon bigger using CSS and maybe remove the title?

    March 20, 2018 at 4:51 pm #4229
    Andy
    Keymaster

    To remove the title, add the following to Customize > Additional CSS

    .home .main-title {
    visibility: hidden;
}

    Then to keep the icon visible while the title is hidden, add this css:

    .home .header-title .fa,
.home .header-title .main-title-img{
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    visibility: visible;
}

    change the font-size, width, height and line-height to suit e.g. width: 80px; will be twice the standard width.

    If you are using your own uploaded image in place of one of the theme’s icons, you will also need to add this css:

    .home .main-title .main-title-img img{
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
}

    again change the ’40px’ to whatever you need.

    March 20, 2018 at 5:00 pm #4230
    Phillip Allen
    Participant

    The hide title (first one) did not work.

    March 20, 2018 at 5:10 pm #4232
    Andy
    Keymaster

    Can you please let me know the URL of your site so I can see why it is not working on your site?

    Edit: would you be able to temporarily deactivate the coming soon plugin?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Bigger Icon Home Page’ is closed to new replies.