widen featured image on default page template in Stay theme

  • Unknown's avatar
    jlanglois2014 · Member ·

    Hi there…I am trying to widen the header image on a default page template on the Survey Data Solutions page of my site and have the side menu underneath it on the left. I have been able to move the side menu down to under the image, and move the featured image to the left using the below code:
    #nav_menu-8 {
    position: absolute;
    bottom: -180px;
    }

    #post-15 img {
    position: relative;
    left: -280px;
    }

    However, I cannot widen the image to go across the page. I have tried adjusting the right similar to the left but it doesn’t make any difference. I also tried this code but it didn’t work:

    #post-15 .attachment-feat-img {
    max-width: 1100px;
    }

    I cannot see that the image width is being overridden by other code so I am stuck. Any suggestions?

    Many thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    Hi there…I am trying to widen the header image on a default page template on the Survey Data Solutions page of my site

    It helps to provide the link too. I researched your site and found it here:
    http://jlangloisblog.wordpress.com/market-research/targeting-methods/

    However, I cannot widen the image to go across the page.

    Featured images are a set size. One alternative to using CSS for a case like this is page templates, however, the page templates that come with Stay that have a full-width header image also remove the sidebar, so that might not work for you.
    http://en.support.wordpress.com/pages/page-attributes/

    I cannot see that the image width is being overridden by other code so I am stuck. Any suggestions?

    Instead of trying to move or stretch the existing featured image on a page in the Stay theme using CSS, I would remove the featured image (and all the other CSS related to that page) and then manually add a background image hooked to the top of the “#main” container like this:

    .page-id-15 #main {
	background: url(http://jlangloisblog.files.wordpress.com/2014/03/smr-048-sphere-man-1200x330-e1403724355695.jpg) no-repeat;
	padding-top: 330px;
}

    Note: the “.page-id-15” part refers to this page http://jlangloisblog.wordpress.com/market-research/targeting-methods/ which I found in the main menu labeled as the “Survey Data Solutions” page. To apply the change to a different page, you would need to adjust the “.page-id-15” identifier in the CSS example.

  • Unknown's avatar
    jlanglois2014 · Member ·

    That worked…thanks so much for your help!

  • The topic ‘widen featured image on default page template in Stay theme’ is closed to new replies.