Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Transparent Boxes

Avatar

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile
jonathon_GA
Level 2

18-11-2015

Two questions,

The text "working at ExxonMobil" Floats over the background image. Ive tried this as a banner, which kind of worked, but wasn't able to apply a card style to it and wants to run into the edge. Is there another way to accomplish this effect ?

I was also wonder how the were able to start their cards lower on the page?

IMG_0047.PNGIMG_0048.PNG

Replies

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

18-11-2015

1. For the "Working at ExxonMobil" text, create a banner with the Banner Title you want to display. Add metadata as a category or internal keyword so that you can map that banner to a specific card. When you create the card, use No Image, set the Text Area Margins in the Layout tab to push the text away from the edges, and specify {{title}} for metadata. Edit the layout to map the banner to the card.

card_text_area.png

2. To start the cards lower on the browse page, edit the layout and specify a Top Margin Size. (You can also do this by adding a top margin to a top-row card or creating a dummy banner, but I prefer editing the layout—it's cleaner.)

layout_top_margin.png

Avatar

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile
jonathon_GA
Level 2

18-11-2015

Thank you Bob, I was able to get the location correct. Ive now been running into white padding boxes on the edges. Ive been playing around with it,  to remove these. Where am I going wrong?

IMG_0049.jpg

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

18-11-2015

Try setting the "Text Area Margins" to 0 and add "Text Area Padding" values. Does that work?

Avatar

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile
jonathon_GA
Level 2

18-11-2015

I changed Text area padding. That did not resolve the issue. I changed it to red to highlight what i'm seeing. There doesn't seem to be a way to change the transparency.

Screen Shot 2015-11-18 at 2.08.15 PM.png

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

18-11-2015

Try setting your Card Borders to 0. I'm assuming you want only the text to appear.

Avatar

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
Colin_Fleming
Level 4

18-11-2015

card borders are opaque. Set all card borders to zero.

As Bob indicates, use text area padding or margin (left) to push text in from the left.

HTH

Avatar

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
jonathon_GA
Level 2

Likes

6 likes

Total Posts

66 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 1
Affirm 1
View profile
jonathon_GA
Level 2

18-11-2015

That did work, thank you both. The issue i've been trying to resolve now is my articles (Colored boxes) are over riding my banner. I've played around with the card settings, i'm not doing something right here.

IMG_0051.jpg

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct Reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

18-11-2015

What do you mean when you say the cards are overriding your banner? Do you mean the banner is not showing up?

Avatar

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Level 4
Colin_Fleming
Level 4

Likes

37 likes

Total Posts

160 posts

Correct Reply

35 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
Colin_Fleming
Level 4

18-11-2015

Looks like your cards are working as expected!

When you say "banner" do you mean the top portion of your collection background image?!

If the "banner" is part of the collection background image, you will need to use a top margin on your LAYOUT to push all content down on the collection. I think that's what Exxon did for the graphic in the upper right corner.