Horizontal Card - is it possible?

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
longman
 
 
Posts: 129
Joined: Sat May 19, 2018 1:23 pm

Horizontal Card - is it possible?

Post by longman » Mon Jun 11, 2018 12:06 pm

Hi guys,

I have found Cards to be very useful, I wish to have a card which is horizontal, contents (image, divider, button, text etc) to be in horizontal order, can it be done?

If it can not be done with the current Card, can you direct me where to start to create\build one (a horizontal one)?

Thanks!

User avatar
Pablo
 
Posts: 12665
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Horizontal Card - is it possible?

Post by Pablo » Mon Jun 11, 2018 12:42 pm

I'm sorry, this is not possible.

Although you can margins for basic horizontal layouts (10th example):
http://www.wysiwygwebbuilder.com/support/cards/

longman
 
 
Posts: 129
Joined: Sat May 19, 2018 1:23 pm

Re: Horizontal Card - is it possible?

Post by longman » Tue Jun 12, 2018 4:58 am

Hello Pablo,

I kinda made it with Card in left alignment and margins help, however, I can't get the button text in the center of the card.

Can you please help me? I guess maybe I should go to the Card Object HTML and make it centered with some codes?

I want everything else to be left-alignment and button (text) to be center alignment.

I have attached my test file https://expirebox.com/download/0da4c4a9 ... 1a3ad.html

Thanks!

User avatar
Pablo
 
Posts: 12665
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Horizontal Card - is it possible?

Post by Pablo » Tue Jun 12, 2018 6:10 am

You can try this:

Code: Select all

<style>
#Card7-card-item4 {
       text-align: center;
}
</style>

longman
 
 
Posts: 129
Joined: Sat May 19, 2018 1:23 pm

Re: Horizontal Card - is it possible?

Post by longman » Fri Jun 15, 2018 5:12 pm

Pablo,

My card is Left-align, however on the mobile breakpoint, I'd like to have the content of card as Center-align. So I went to mobile breakpoint and made the card as Center-align, but it became center-align in default page too. How do I make the content of card center align only on mobile breakpoint? Is there a way to do it?

Thanks!

User avatar
Pablo
 
Posts: 12665
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Horizontal Card - is it possible?

Post by Pablo » Fri Jun 15, 2018 5:29 pm

You can add breakpoint specific code in the HTML object -> CSS in media query.

longman
 
 
Posts: 129
Joined: Sat May 19, 2018 1:23 pm

Re: Horizontal Card - is it possible?

Post by longman » Sat Jun 16, 2018 7:02 am

Pablo wrote:
Fri Jun 15, 2018 5:29 pm
You can add breakpoint specific code in the HTML object -> CSS in media query.
Hi pablo,

Could you please give me an example of such code and how to do it? I also have standard Texts that are left-align and I wish to have them centered in mobile breakpoints, but when i make them centered in mobile breakpoints, the default page becomes centered too.

Thanks!

User avatar
Pablo
 
Posts: 12665
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Horizontal Card - is it possible?

Post by Pablo » Sat Jun 16, 2018 7:15 am

Example:

Code: Select all

#Card7-card-item4 {
       text-align: center;
}
You can use styles to have different alignments in standard text.

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests