Header, Font Size and Background

  • Resolved sebastianstrittmatter

    (@sebastianstrittmatter)


    5 years, 5 months ago

    Hi everyone!

    I have a couple of problems.

    I’d like to change the picture in the header but it’s not working. I used to code I found in the forum, took a picture with the right ratio but all I get is a dark blue field.

    This is what I enter in the CSS:

    .page-mycarousel { background: url(‘https://sebastianstrittmatter.be/wp-admin/upload.php?item=113’) repeat scroll 0 0 / cover #143745 !important; box-shadow: 0 7px 10px -10px #000; padding: 336px 0 65px; } .page-mycarousel .img-responsive { display: none; } @media (max-width: 1441px){ .page-mycarousel { padding: 300px 0 15px; } } @media (max-width: 1200px) { .page-mycarousel { padding: 250px 0 15px; } } @media (max-width: 992px) { .page-mycarousel { padding: 200px 0 15px; } } @media (max-width: 768px) { .page-mycarousel { padding: 150px 0 15px; } } @media (max-width: 480px) { .page-mycarousel { padding: 100px 0 15px; } } @media (max-width: 300px) { .page-mycarousel { padding: 50px 0 15px; } }

    I’d also like to change the font size but nothing happend when I tried to adjust it in in the settings.

    I would also like to change the colour of the font at my ‘General Information’ Section to dark grey but I can’t find this option in the settings.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi sebastianstrittmatter,

    Thanks for contacting us!

    I’d like to change the picture in the header but it’s not working. I used to code I found in the forum, took a picture with the right ratio but all I get is a dark blue field.
    For this, please remove your previously added CSS code and add the below CSS code:

    .page-mycarousel img{
    display: none !important;}
.page-mycarousel{
    background: url('https://localhost/wp_lite/wp-content/uploads/2019/04/ocean-sunrise-flowers-nature-flower-hd-wave-wallpaper-1.jpg') repeat scroll 0 0 / cover !important;}
@media only screen and (min-width:768px){
    .page-mycarousel{
        height: 400px !important;
        width: 100% !important; }}
@media only screen and (max-width:767px){
   .page-mycarousel{
        height: 200px !important;
        width: 100% !important;}}
@media only screen and (max-width:490px){
   .page-mycarousel{
        height: 100px !important;
        width: 100% !important;}}

    Note: Change the image URL in the value of the background property.

    I’d also like to change the font size but nothing happened when I tried to adjust it in in the settings.
    It is happening because this setting is for PRO version. When you will upgrade to PRO then it will work. If you want to change the font size then it is possible by using CSS code. Please let us know, in which section you want to change the font size.

    I would also like to change the color of the font at my ‘General Information’ Section to dark grey but I can’t find this option in the settings.
    For this, please add the below CSS code:

    .service-area p, .service-area a, .service-section .section_heading_title p, 
.service-section .section_heading_title h1{
	color: #616263 !important;}

    I hope it will work for you.

    Thanks
    Rishabh

    • This reply was modified 5 years, 5 months ago by rishi911.
    Thread Starter sebastianstrittmatter

    (@sebastianstrittmatter)

    Hi Rishabh,

    thanks for your prompt answer!

    I changed the code for the header but now it’s just transparent. This is the code I entered:

    .page-mycarousel img{ display: none !important;} .page-mycarousel{ background: url(‘https://sebastianstrittmatter.be/wp-admin/upload.php?item=124’) repeat scroll 0 0 / cover !important;} @media only screen and (min-width:768px){ .page-mycarousel{ height: 400px !important; width: 100% !important; }} @media only screen and (max-width:767px){ .page-mycarousel{ height: 200px !important; width: 100% !important;}} @media only screen and (max-width:490px){ .page-mycarousel{ height: 100px !important; width: 100% !important;}}

    I tried several ratio’s (1920×500 | 1800×40) but it’s not working.

    ——

    In regard to the Pro version… I know it’s $60 but I’m not sure if it is an annual cost or if it’s just $60 in general.

    ——

    I wasn’t able to change the color of the font either. Is this something I can adjust in the Pro-Version as well?

    Thanks in advance!

    Kind regards,

    -Sebastian

    Thread Starter sebastianstrittmatter

    (@sebastianstrittmatter)

    Hi Rishabh,

    Thanks once more!

    I was able to fix the header and will send you the PRO related question in a minute.

    Would you be so kind to send me a screenshot of the place I have to add the CSS code regarding the Font color?

    Kind regards.

    -Sebastian

    Hi,

    Sure. See this screenshot.
    Go to Appearance >> Customize >> Header Settings >> Custom CSS

    Thanks

    Thread Starter sebastianstrittmatter

    (@sebastianstrittmatter)

    Thank you, it worked!

    Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks ??
    Rishabh

    • This reply was modified 5 years, 5 months ago by rishi911.
    • This reply was modified 5 years, 5 months ago by rishi911.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header, Font Size and Background’ is closed to new replies.