Support » Theme: Wallstreet » Header, Font Size and Background

  • Resolved sebastianstrittmatter

    (@sebastianstrittmatter)


    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 7 replies - 1 through 7 (of 7 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('http://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 6 months, 4 weeks ago by Rishabh.
    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

    Hi,

    I changed the code for the header but now it’s just transparent
    It is happening because your image URL is incorrect. Use this type of URL:

    background: url('https://sebastianstrittmatter.be/wp-content/uploads/2019/06/04.jpg') repeat scroll 0 0 / cover !important;

    When I have used this on your site, it is working. See the screenshot.

    I wasn’t able to change the color of the font
    At our end, when I am applying the same CSS code on your site it is working fine.
    See the screenshot.

    And for PRO related queries, please send it at my mail id: jainrishi1991@gmail.com
    We can’t give an answer to PRO queries here.

    Never post multiple queries in one discussion. It creates complexity.
    You can start a new discussion for your other queries.

    Thanks

    • This reply was modified 6 months, 4 weeks ago by Rishabh.
    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

    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 6 months, 3 weeks ago by Rishabh.
    • This reply was modified 6 months, 3 weeks ago by Rishabh.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header, Font Size and Background’ is closed to new replies.