Problem with the size of the head picture

Hi how are you?

Thanks you for the free theme. I have a problem with the size of the head picture, before it was ok but now i don’t know what i did but the size is very big so not nice, can you guide me to fix the problem please?

  1. How to change the size of the icons?

  2. How to change the size of the font ?

Thanks you

Hello @intraweb,

First of all, thank you for using or themes!

Can you please provide me the website link, as well?
If you don’t want to make it public but it’s not under construction mode or on local development, please check the private reply option.

I need live preview to better understand the header picture malfunction and what you might be looking for.

The icon and font size requires custom CSS coding, but I will do my best to guide you around and take care of it.

Regards

Hi, thanks for your reply

yes the website link is : intraweb.fr

Can we use teamviewer to guide me to make modifications,

Thanks

Hi, did you find the solution please?

Thanks

Hello,

Add me on Skype ( Ion Rutz ) and we can have a screen preview there while we talk it out.

Please keep in mind that we do not offer any kind of voice or live support in the free support scope , so if we get to Skype, TeamViewer or anything similar, donations for custom work and support must be considered.

Looking forward to it!
Regards

Thanks you very much for your help.

Here are following css codes working :

  1. To change the size of the principal picture on the head
    #header {
    width: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    }

#header .bottom-header {
width: 100%;
padding-top: 160px;
padding-bottom: 160px;
text-align: center;
}

  1. Changing the size font of the body texts in the differents sections
    body,
    .front-page-section .section-header p,
    #latest-news .section-content .post .post-entry,
    #blog .blog-post .blog-post-entry p,
    .widget ul li a,
    #blog .blog-post .blog-post-tags li a,
    #blog span {
    font-size: 25px !important;
    }

  2. Changing the size of the services icons
    #services .section-content .service .service-icon {
    font-size: 110px;
    }

.first-row-from-title a {
color: #f1d204 !important;
}

Changing color of “contact us” background
#contact-us {
background-color: grey !important;
}

.wpcf7 label {
display: block;
}

  1. Changing color of the boxes in the contact section

#contact-us .section-content .wpcf7-form p .wpcf7-text {
background-color: white;
border: 1px solid white;
}

#contact-us .section-content .wpcf7-form textarea {
background: white !important;
border: 1px solid white;
}

  1. Changing size of the differents titles of the sections
    .front-page-section .section-header h3 {
    font-size: 49px;
    }

Have a nice day :slight_smile:

Thank you very much for the heads up!
Great day to you as well