Picture with text and coloured box - by Paycheck85

This topic has 18 replies, 3 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

  • Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 14:53

    I would like to make this on my website. The box should be the same colour and the picture is moving slightly when scrolling down. lso the colour is a little bit transparant. How can i do that?

    Thanks,

    17 Answers
    Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 14:54

    i can not edit my previous post, but it should be like this https://gyazo.com/00616c1a0ca79381b5e99ccde69269b3

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2017 at 15:03

    Hello,

    You can set background image for row and background color for column http://prntscr.com/dwbl38

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 15:24

    Thank you, how can i connect the coloured text box with the white and the grey area?
    Somehow there is always space between it. And how can i make the colour a little bit transparent?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2017 at 15:28

    Hello,

    Could you please provide a link to your website and with wp-admin access in Private Content so we could check it?

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 15:44

    Yes please. it is in private content. i would like it the same as the scrn shot included the button 🙂

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2017 at 16:09

    Hello,

    I’ve changed some settings. Please, check it now.

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 16:28

    Thanks a lot, can you please tell what you have done? so i can learn from it and do it by myself next time.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 16, 2017 at 16:36

    i changed the size of the image with padding https://gyazo.com/f34c6bbd0a59b5dcbc77b810afd97f05 and immediately i destroyed the layout…
    https://gyazo.com/04cf1a0017c6a0117b7cef3b18c138d5

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2017 at 16:43

    Hello,

    Go to Edit page > edit Row or Column settings and go to Design Options tab, there change padding, margin and color http://prntscr.com/dwcus9 http://prntscr.com/dwd1jn http://prnt.sc/dwcvsg http://prntscr.com/dwcz3v
    This Visual Composer documentation may be helpful for you:
    https://wpbakery.atlassian.net/wiki/display/VC/Element+Design+Options

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 18, 2017 at 15:41

    You also added a Call to action button, now it disapeared, how can i add the button?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2017 at 15:49

    Hello,

    You can add VC element – button http://prntscr.com/dx82k2

    Regards,
    Rose Tyler.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 18, 2017 at 16:04

    Thank you, how do i change the shape of the button, i watched the tutorial but it doesnt say anything about changing the shape

    Avatar: Eva
    Eva Kemp
    Support staff
    January 18, 2017 at 16:18

    Hello,

    Please show a page where you want to customize the button and specify what shape you want to create for it.

    Regards,
    Eva Kemp.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 18, 2017 at 16:41

    Oh is it custimization then it will be for later. Now im not sure which shape suits the best.
    Can i fix the position? when editing it is here https://gyazo.com/c74ec44f9180efa1a986b74f6efa38c2

    But in live it is here https://gyazo.com/7e9abf48f1c537d92db79f082308db38

    o_O

    Avatar: Eva
    Eva Kemp
    Support staff
    January 18, 2017 at 18:27

    Hello,

    Please show a page where the issue persists.

    Regards,
    Eva Kemp.

    Avatar: Paycheck85
    Paycheck85
    Participant
    January 19, 2017 at 09:58
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 19, 2017 at 11:32

    Hello,

    Fixed. Also, you can change some button size setting there http://prntscr.com/dxkr8f

    Regards,
    Rose Tyler.

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