Transparent pages - by betsy - on WordPress WooCommerce support

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

  • Avatar: betzer
    betsy
    Participant
    April 19, 2016 at 14:34

    Trying to get my pages transparent in order to see the background image, but everything is becoming transparent. Also, too much padding on the pages

    18 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 19, 2016 at 14:37

    Hello,

    Your site is under maintenance mode.
    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall

    Avatar: betzer
    betsy
    Participant
    April 19, 2016 at 16:11

    log in

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 19, 2016 at 16:27

    Hello,

    As I see your pages are already transparent and background image is visible.
    Please show on a screenshot what exactly you want to achieve.

    Thank you.
    Best regards,
    Jack Richardson.

    Avatar: betzer
    betsy
    Participant
    April 19, 2016 at 16:37

    I want the images on the pages, i.e. product images to not be transparent. Not so much white space at the top of the pages as well. The shop page has barely any padding/margins as well

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 19, 2016 at 18:05

    Hello,

    I’ve edited the code in Global Custom CSS from this:

    .page-wrapper {-moz-opacity:.50; filter:alpha(opacity=75); opacity:.75;
    style="margin-top": 5px;
    }

    to this:

    .page-wrapper {
    margin-top: 5px;
    }

    and set color rgba(255, 255, 255, 0.5) for Container Background Color in Theme Options > Styling.

    Please check your site now.

    Best regards,
    Jack Richardson.

    Avatar: betzer
    betsy
    Participant
    April 19, 2016 at 18:21

    Transparency looks great. Still a lot of space at top of pages and shop page has none. Also, I don’t want the page titles…they seem to have now appeared.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 19, 2016 at 19:29

    Hello,

    Please show on screenshot what space you want to remove.
    To remove titles add this code in Global Custom CSS:

    .page-heading.bc-type-7 h1.title {
       display: none;
    }

    Best regards,
    Jack Richardson.

    Avatar: betzer
    betsy
    Participant
    April 19, 2016 at 19:41

    See below

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    April 20, 2016 at 08:15

    Hello,

    Add this code in Global Custom CSS:

    .page-id-145 .page-heading.bc-type-7, .page-heading.bc-type-8 {
      display: none;
    }
    .woocommerce .woocommerce-breadcrumb {
      padding-top: 50px;
    }

    Regards,
    Eva Kemp.

    Avatar: betzer
    betsy
    Participant
    April 20, 2016 at 18:55

    Hi did not change the shop page.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 20, 2016 at 19:14

    Hello,

    As I see space is added at the top http://storage8.static.itmages.com/i/16/0420/h_1461176039_7388097_55132df2fd.png . Where else do you want to add it?

    Best regards,
    Jack Richardson.

    Avatar: betzer
    betsy
    Participant
    April 20, 2016 at 19:19

    Also, I don’t want page titles on any pages

    Avatar: betzer
    betsy
    Participant
    April 20, 2016 at 19:21

    Space should be added at the sides on shop page

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 20, 2016 at 19:44

    Hello,

    Add this code in Global Custom CSS:

    .page-heading.bc-type-5 h1.title, .page-title {
      display: none;
    }
    .woocommerce-page .page-wrapper {
        padding-left: 35px;
        padding-right: 35px;
    }

    Best regards,
    Jack Richardson.

    Avatar: betzer
    betsy
    Participant
    April 20, 2016 at 20:06

    Blog, About and contact page still shows page titles. Spacing is now perfect!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 20, 2016 at 21:03

    Hello,

    I don’t see any titles there, only breadcrumbs is visible. Do you want to remove them also?
    http://prntscr.com/auqzmy

    Regards,
    Robert Hall

    Avatar: betzer
    betsy
    Participant
    April 20, 2016 at 21:29

    Yes please remove

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 21, 2016 at 08:11

    Hello,

    I’ve disabled breadcrumbs in Theme Options > General > Header Settings > Breadcrumbs Style.

    Best regards,
    Jack Richardson.

  • Viewing 19 results - 1 through 19 (of 19 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.