Profile info

[Swappty]

Hello,

 

I had the code to show profile info and more info in two columns. But when i try this again it shows like (see attached). How can I get this to show nice in a grid. Two columns and in rows so that sports experience and other info will show right? Also sports experience should show more to the left, like Info. What css do i need to solve this?

[Kieran_SQ]

Hi,

I need to see what CSS you already have in place live on the site. Can you please update this ticket, in a private reply, with admin login credentials so I can check this out.

Specifically what visual are you trying to achieve so I can I have a better idea of what CSS I need to send you.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Swappty]

Hi,

Now its the basic css.
When i put this code:

.bp-widget.info {
width: 50%;
float: left;
}
.bp-widget.more-info {
width: 50%;
float: right;
}
.profile {
border: none !important;
}

With above code it shows like in previous attached jpg.

How I want it to show: It has to be flex and responsive.
Row 1, column 1 (Info). Row 1 column 2 (More Info)
Row 2, Sportsexperience
Row 3, Education
Row 4, Athletic Skills
etc., etc.

Admin login at https://www.swappty.com/wp-login.php
Username: John@Doe
Pw: HowcanIforgetthis@2017

Greets,
Albert

[Kieran_SQ]

Hi,

Thanks for the details and login information. I will need to refer this to a higher level of support for review as I can’t seem to make them stack in they way that you’re looking for. They’ll be in touch with you as soon as they can, Monday to Friday, East European Time.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Just add this css should be ok

COPY CODE

.profile .bp-widget.info,.profile .bp-widget.more-info {width: 50% !important;display: block;float: left;}

.profile .bp-widget.bprm_grp_prof_exprnc {clear: both;}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts