Edit member list design

[vulkash]

Hello 🙂

I tryed to change css properties of the members boxes and i suceed pretty well but the problem is when i do a modification then it repeat it everywhere on every pages. So my question is simple, how can i modify member list appearence on a page in particulary and not on every pages ?

Ps : look attachement if my request nor clear for you :))

Attachments:

You must be logged in to view attached files.

[vulkash]

And i forgot my second question:
How to have more than 3 item in a row ?

[Laura]

Hello, you can assign a css to a page id or any other buddypress page using the correct css class
For example, for activity page the class would be .directory.activity just before any other css code.

To add more avatars in a row for example 4 each row, go to your file manager or ftp, find wp-content/themes/sweetdate/members and copy the file members-loop.php , paste t at wp-content/themes/sweetdate-child

Now edit it and find

COPY CODE

<div class="four columns">

Replace the four for three

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Laura]

Copy it to child theme so it has the same path of folders ( create the folder members at child theme if you dont have it already and paste it there)

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[vulkash]

-if i understand yet i should write something like that for modify all <H2> from activity page :

COPY CODE

.directory.activity h2{
font-size: 1.2em;
}

Its allways like that i mean if i want modify another page it should be

.directory.pageID

-Understood for row thanks laura 🙂

[Laura]

Hello, yes but the page id before anything 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts