Return to previous page

Picture with text and coloured box - by Paycheck85

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

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,

#151997 Copied

17 Answers

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

#151998 Copied

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.

#151999 Copied

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?

#152005 Copied

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.

#152006 Copied

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.

#152018 Copied

Rose Tyler

Support staff

January 16, 2017 at 16:09

Hello,

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

Regards,
Rose Tyler.

#152022 Copied

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.

#152025 Copied

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

#152027 Copied

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.

#152029 Copied

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?

#152299 Copied

Rose Tyler

Support staff

January 18, 2017 at 15:49

Hello,

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

Regards,
Rose Tyler.

#152302 Copied

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

#152309 Copied

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.

#152317 Copied

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

#152324 Copied

Eva Kemp

Support staff

January 18, 2017 at 18:27

Hello,

Please show a page where the issue persists.

Regards,
Eva Kemp.

#152341 Copied

Paycheck85

Participant

January 19, 2017 at 09:58

http://www.berendetimmerwerken.nl/testpage/

#152389 Copied

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.

#152431 Copied
Viewing 18 results - 1 through 18 (of 18 total)