Home Forums Pro Themes Myself Pro homepage introduction – image

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #171005
    sian southgate
    Participant

    Can you have an image the width of the introduction section with the text overlaying on top? Or a way around this from another section?

    #171042
    Psink
    Keymaster

    Hello

    Do you mean the size of the image used for the Introduction section? Or something else

    It’s 440 * 600

    #171081
    sian southgate
    Participant

    sorry, I probably didn’t explain very well, yes the image used for the introduction section. Can this image to be the full width of the site (like a slider – but can be one static image if need be) rather than just a right aligned image. If I put a bigger image up will it just resize it?

    #171102
    Psink
    Keymaster

    Thanks for your clarification, now I understand.

    We will add an option to make the featured image full width. Please wait until we release a new update by tomorrow

    #171203
    Psink
    Keymaster

    hello

    We have released the new update please update your theme. Now you will be able to make the featured image full-screen size as you can see in the screen record

    https://www.awesomescreenshot.com/video/6060185?key=0bc5d24f6f9acd0fd97ce94d7d82a288

    #171324
    sian southgate
    Participant

    that’s amazing thank you!

    Regarding the header text on this section is there a way to reduce the size a little?

    #171326
    sanam
    Keymaster

    Hello @SIANJADEAHERN, yes you can reduce the size of a title. please add the following CSS into additional CSS.

    
    @media screen and (min-width: 767px) {
    
    #introduction-section .entry-title {
    font-size: 48px;
    }
    }
    

    Also, you can increase the font size as per your requirement.

    Hope this helps

    If you have any confusion please let us know.

    #171423
    sian southgate
    Participant

    thanks for this, I have a few bits of code now and they probably seem to be cancelling each other out. Apologies for being a pest this is not my strong point. I also wonder if there is some additional code to allow the menu navigation to have a white background rather than a transparent one with the new full sized intro image. Pasting all code here for you. Appreciate all your help

    @media screen and (max-width: 1023px){
    .site-logo img{
    max-width: 60%;
    }
    }
    }
    @media screen and (min-width: 767px){
    #introduction-section .featured-image:before {
    background-color: transparent;
    }
    @media screen and (min-width: 767px) {

    #introduction-section .entry-title {
    font-size: 48px;
    }
    }
    html,
    body {
    overflow-x: hidden;
    }

    #171435
    Psink
    Keymaster

    Yes, we can make the menu background white, can you please share your site URL?

    #171446
    sian southgate
    Participant
    #171467
    Psink
    Keymaster

    @SIANJADEAHERN, Please add this CSS to make a White menu background

    
    #masthead {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    @media screen and (min-width: 1024px){
    	.menu-sticky #masthead {
    	    position: relative;
    	}	
    }
    

    After adding it’s looks something like this
    https://www.awesomescreenshot.com/video/6171106?key=760060d936b20af743e7f5bc2ce8d47e

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.