Private: Home › Forums › WordPress Themes › Elvyre – Retina Ready WordPress Theme › Page's title background image area › Reply To: Page's title background image area
July 10, 2015 at 11:03 am
#3345
Keymaster
For each page where you want to apply this CSS you need to find page ID. It can be found in URL when you edit page.
If URL is:
http://localhost/wordpress/elvyre/wp-admin/post.php?post=453&action=edit&lang=en
Page ID is this part: “?post=453”.
You use ID with CSS below to select only certain pages:
.page-id-453 #page-title,
.page-id-455 #page-title,
.page-id-457 #page-title{
height: 369px;
}
Regarding repeated image, this depends on your image size: If image in not large enough, it will repeat.
But you can make a workaround but stretching image on mobile devices with some CSS:
@media only screen and (max-width: 479px) and (min-width: 320px){
#page-title{
background-size: cover;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#page-title{
background-size: cover;
}
}