Change number of columns in a row in a specific page

[vulkash]

Hello i modified member-loop.php and set the code like this for get more colums :

<div class=”three columns”>

My problem is that i want set this modification in a specific page and not on every page so how can i do that ?

Other similar question, i created a page called “my home” and i want modify the css without change other page.

I tryed two things :

“.directory.myhome”  and “.directory.my-home”  But isnt working 🙁

Can you help me ?

thank you 🙂

 

[Laura]

Hello, what do you mean by specific page? The members loop is the members directory
The page id wont be its name but the page number, check at google dev tools and you should see it at the very top
or use .page-id-XXX ( xxx is the page id, you can see the page it by editing it and checking the browser url )

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

[vulkash]

Ok for google tool ill try thank you.

Specific page mean a page in particulary for example :

I have a member list on this page : http://www.lookingforpals.com/members/

and another member list on this page : http://www.lookingforpals.com/my-home/

Both use the member-loop.php. So i would like to set different numbers of colums for each pages but when i modify the member-loop.php that affect the both pages thats my problem, do you understand ? 🙂

[Laura]

Hello, you could create a new template based on the members-loop.php to use it at the other page. If you change the members-loop.php all pages that use it will also change, so you need to copy it and create a clone with another name and with your change 🙂

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

[vulkash]

Okay but i guess there have some modifications to do for link this “clone” to this page :
http://www.lookingforpals.com/my-home/

I mean I have to add some code somewhere or the page will not find my clone so can you tell which file(s) i have to modify for that and which code i have to put inside ? 🙂

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

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

[vulkash]

okay thank you 🙂

[Radu]

Hi,

Using this CSS you will have 4 columns on the member’s page only.

COPY CODE

.members div#members-list .four.columns {width: 25%;}
.members #members-list .four.columns:nth-child(n+1) {clear:right !important;}

If you have any other questions let me know
Cheers
R.

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

[Radu]

The homepage file template it’s located here : /wp-content/themes/sweetdate/page-templates/front-page.php

Cheers
R.

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

[vulkash]

thanks you ill try that 🙂

[vulkash]

And if i want target with the “page-id” can i do that like that ?

COPY CODE

.page-id-1028 div#members-list .four.columns {width: 25%;}
.page-id-1028 #members-list .four.columns:nth-child(n+1) {clear:right !important;}

[Radu]

Hi,yes, if that page haves that ID yes

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