Full browser width content in the page using visual composer

This topic has 17 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

  • Avatar: kptgreg
    kptgreg
    Participant
    September 12, 2015 at 03:05

    I want content (such as an image or text or other content) to stretch the full width of the browser (not height, height can scale proportionally)

    I set Woopress to fullwidth variant.
    I am using Visual Composer to build pages and
    I set the row to: Stretch Row without spaces.
    I made the background: single color Max Full Width

    the Revolution slider at top will stretch fullwidth
    the background color stretches the full width of the browser but the content within the row does not.

    do I have to modify the default template or something to ge the content full width?

    16 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 14, 2015 at 09:48

    Hello,

    Please update the theme to the latest version and Woocommerce as well.
    Before update delete “woocommerce” folder in the directory wp-content/themes/woopress/ and it’ll be reuploaded from a new theme package.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    Avatar: kptgreg
    kptgreg
    Participant
    September 14, 2015 at 23:06

    Okay but now what do I do about the fullwidth problem I asked about above?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 15, 2015 at 09:22

    Hello,

    Please provide us with FTP and WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: kptgreg
    kptgreg
    Participant
    September 17, 2015 at 08:15

    Okay I made a test page and gave you login in the private area, thank you.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    September 17, 2015 at 13:02

    Hello,

    We can’t view your site. Seems the access is restricted. Is there Firewall on a server?
    Please check it with your hosting provider.

    Regards,
    Eva Kemp.

    Avatar: kptgreg
    kptgreg
    Participant
    September 17, 2015 at 21:03

    see private content

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 18, 2015 at 07:14

    Hello,

    Sorry, but we can’t access your site:
    http://storage7.static.itmages.com/i/15/0918/h_1442556843_7742302_1099ceea01.png

    Shall we provide our IP address to put it into white list on your server?

    Best regards,
    Jack Richardson.

    Avatar: kptgreg
    kptgreg
    Participant
    September 18, 2015 at 07:53

    There are no restrictions. Isn’t it possible just to tell me how to do it?

    Avatar: Brian Johnson
    Brian Johnson
    Member
    September 18, 2015 at 08:01

    Hello kptgreg

    Please recreate page test or provide us with the link to this page.

    Regards,
    Brian Johnson

    Avatar: kptgreg
    kptgreg
    Participant
    September 18, 2015 at 22:33

    Okay I did a whole different install of WordPress on a different server and below in the private area provided you the page and login. I will need to re-create this on the other server so please describe what you modified to fix it. Thank you.

    Please, contact administrator
    for this information.
    Avatar: kptgreg
    kptgreg
    Participant
    September 22, 2015 at 06:00

    Were you able to take a look at this? I really need to finish this. THanks.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 22, 2015 at 10:10

    Hello,

    You’re using very old theme version.
    Please update the theme to the latest version 2.4. This issue should be fixed in the new version.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Best regards,
    Jack Richardson.

    Avatar: kptgreg
    kptgreg
    Participant
    September 22, 2015 at 10:43

    Okay, I did that and it stretched the test but did not stretch the image the full width

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 22, 2015 at 11:28

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    .wpb_single_image img {
       width: 100%;
    }

    Best regards,
    Jack Richardson.

    Avatar: kptgreg
    kptgreg
    Participant
    September 29, 2015 at 09:27

    Thank you for the reply, I also want to stretch a Revolution Slider to go full width, is there some CSS for this? I need the Revolution slider to be in visual composer because it is for portfolio items not a page. I just added it to my previous test page in case you need that.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 11:38

    Hello,

    I’ve enabled “Force Full Width” in the slider settings: http://storage5.static.itmages.com/i/15/0929/h_1443523100_7721052_523eb990d0.png
    Please check the page now.

    Best regards,
    Jack Richardson.

  • Viewing 17 results - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.