Increase Logo Size and alter Jumbotron Text

Illdy
#1

Hi,

I have been developing a website based on Illdy and despite trying to implement a couple of previous posts, I have not had any luck.

  1. I want to make the logo larger on the front page. I tried a couple of suggestions which I put into “additional CSS” but the logo stayed stubbornly the same size
  2. In the Jumbotron I would like to make the Title a smaller font and the Entry a larger font.
  3. I’d like to change the default font for the website to Helvetica Neue

Any help or insights would be appreciated.

Thanks,

Mal

#2

Hello Mal,

I hope you are doing well today.

You can use the following CSS code to make the changes by going to Appearance > Customize > Additional CSS and pasting it there.

/*Increase logo size*/
.col-sm-4.col-xs-8 img {
    height: 150px;
}

/*Jumbotron header*/
#header .bottom-header h1 {
    font-size: 60px;
}

/*Header description*/
#header .bottom-header .section-description {
    font-size: 20px;
}

/*Body text*/
body {
    font-family: Helvetica Neue;
}

Best Regards,
Support

#3

Thanks so much for your help. All those suggestions worked first go :slight_smile:

The one issue is that whilst the suggested code for the resize of the logo worked, it is quite fuzzy. I tried uploading a high res images but it seems the selection still forces it back to a 105 x 75 png which then does not look great when twice the size.

Is there a way to bring in a higher res image and not go fuzzy?

Thanks again for your support.

Cheers

Mal

#4

Hi,

I need to change the logo image size displayed in the main page at least twice bigger and what it is by default. And also the site description text need to be bigger and different font. Can you help me, please? I already tried other solutions in this forum and nothing works

thanks

#5

@jolegume,

Adding the 2xlogo image I assume is for retina display, the theme doesn’t carry that option, simply upload an appropriately sized image.
You can use the following plugin to adjust retina based issues.

In regards to the site description, please send a screenshot of the section you want to font to be changed and increase along with the URL for you website.

Best Regards,
Support

#6

Hi again,

I send you an image indicating the part I would like to change, it is the logo and the description of the site. I would like to change the font of the description too.

regards

#7

Hey there,
I hope you’re doing well today

In order to help you with this one I’m going to the need the URL for your website.

Best Regards,
Support

#8

Hi

ok , the URL is http://www.demosleviaje.com/, and also I have a question, how can I remove that social media icons at the footer of the images.

Thanks
regards

#9

Hi

I’ve added:

/Increase logo height/
img {
height: 150px;
}
but the logo is still looking fuzzy even at 150x150. I’ve played around with higher and lower res images but it loos AWFUL! What can I do?

Website is www.sugarsnapsocial.com

Thanks

#10

@kimikhokho,

Your website seems to be down, getting an unresolved error.

Please verify so we can assist you.

Best Regards
Support.

#11

Sorry it’s .co.uk

Www.sugarsnapsocial.co.uk