StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Parallax Pro Full Width Images on Pages

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro Full Width Images on Pages

This topic is: not resolved

Tagged: , , , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 11, 2014 at 1:51 am #134255
    SamBell
    Member

    Hi everyone! I am new to Parallax Pro and I would really love some help.
    I am having troubles with this client project: http://www.sambellcreative.com/test-site/?page_id=5

    I am trying to make images full width on pages in parallax pro, but they don't seem to be working, we almost get there but they are still not full width. I know that this image is big enough since I used it in the BG of homepage space 1.

    I want it to look like this: http://kyliepax.com/about/ so I can upload a different image as the header for each page.

    This is quite an urgent job so any help would be greatly appreciated.

    http://www.sambellcreative.com/test-site/?page_id=5
    December 11, 2014 at 4:27 am #134263
    davidlovesy
    Member

    Hi sbell2310 - I did something similar as a quick-fix in Parallax Pro but at the expense of losing my Page Header in the display (which I didn't want anyway). I did it using "http://sridharkatakam.com/relocating-entry-title-header-genesis/" which is a tutorial and code snippet from Sridhar Katakam, then I amended the CSS to display scaling background images to create full width, applying the page-id-xx code in the CSS to define different images for each page.

    This is the site I have put together - http://www.platinum-sky.com/services/ - is that something close to what you're trying to achieve? If only as a quick workaround?

    December 11, 2014 at 3:25 pm #134316
    SamBell
    Member

    Ah yes, thank you davidlovesy!! That is exactly what I want to achieve! For my purpose, I don't mind losing the page header.

    Are you able to show me that snippet of CSS and what I need to replace? I have had a look and I am a little confused, it would be so helpful to see yours and copy and paste!! =]

    Thanks!!

    December 11, 2014 at 11:09 pm #134346
    SamBell
    Member

    I have updated the functions.php and the CSS and that is working just as Sridhar Katakam says, but this bit I am not sure about:

    then I amended the CSS to display scaling background images to create full width, applying the page-id-xx code in the CSS to define different images for each page.

    Help!! =D

    January 23, 2015 at 10:05 am #138419
    ScottFromPA
    Member

    Bump..

    Sam Bell is not the only one looking for this solution.

    S

    January 30, 2015 at 6:04 am #139031
    Josephine
    Participant

    Well I am curious about the solution for this as well!

    January 30, 2015 at 7:26 am #139040
    RitzyThemes
    Member

    hi SamBell!

    If you are having the issue still, the rectify the example link again and let me check what i do.

    Thank you.

    Get free and premium Genesis Child Themes

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.