- This topic has 10 replies, 3 voices, and was last updated 2 years, 6 months ago by
.
-
Posts
-
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?
Hello
Do you mean the size of the image used for the Introduction section? Or something else
It’s 440 * 600
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?
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
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
that’s amazing thank you!
Regarding the header text on this section is there a way to reduce the size a little?
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.
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;
}@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
- You must be logged in to reply to this topic.
