Some layout help required

[Willstar64]

I’ve closed another ticket of mine as all the questions raised were all resolved thanks to your great service. My testing has thrown up some new things I’d like to see if we can alter / fix.

a) I’m trying to condense the home page layout. In relation to this I’d like to reduce the blank space above the ‘Top Members” title and the section above that includes the search. Any reductions would be great. Image attached.

b) Along the same theme, is it possible to reduce the size of the group profiles on the home page so this can present 3 wide (on full webpage i.e. PC) rather than current 2 per row? Image also attached.

c) Create an Account Page – The layout for inputting your date of birth would be better condensed to one line rather than three boxes on top of each other. Can I fix this. The default width f each box is miles too big relative to the options available. Image also attached.

and finally,

d)The revolution Slider images look fine on laptop / tablet but on mobile the image is too small and off center. Can this be centered so it appears bigger and easier to read. Image attached.

Thanks.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello 🙂
a) Try adding this to style.css of child theme 🙂

COPY CODE

.et_pb_section.et_pb_section_0.et_section_regular.et_section_transparent {
    padding-top: 0px !important;
}

b) Can you share ftp so i can test some codes?
c) It’s the same as the other ticket, the width is set to 100% !important; at the default.css file, needs to be changed
d) I would use another slider for mobile or disable it, because some changes could affect desktop version too

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 🙂

[Willstar64]

Thanks.
Re b) Can you share ftp so i can test some codes?

I’m not sure what you’re after here. Isn’t FTP file Transfer Protocol? I didn’t need to use FTP in any of my set-up. My admin is socialdating.co.nz/wp-admin and I’ve included the login and password in the extra details of the original case log. Does that help.

c) It’s the same as the other ticket, the width is set to 100% !important; at the default.css file, needs to be changed.

Can you be more specific. I’m not a programmer and I’m not sure how I need to apply your response.

Will.

[Laura]

Hello 🙂
b) Please test adding this to style.css

COPY CODE

groups .six.columns:nth-child(2n+1) {
    clear: none !important;
}
.six.columns.group-item {
    width: 30% !important;
}

c) I would need ftp access or file manager access so do this for you

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 🙂

[Willstar64]

This reply has been set as private.

[Laura]

Hello, should be fine now, added this to your style.css

COPY CODE

.field_birthday {
    width: 100%;
}
.profile form.custom div.custom.dropdown, form.custom .register-section div.custom.dropdown {
    width: 10% !important;
}
.custom.dropdown {
    float: left !important;
    padding-left: 10px;
}

And also edited default.css at your child theme and changed 100% to 10% at the custom dropdown class

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 🙂

[Willstar64]

Hi Laura,
I thought I’d responded but it looks like that didn’t happen so sorry for the late reply.

The change you made has created other problems as the size at 10% was too small and it impacted on all the dropdown boxes. (See attached). However, before you go and increase the percentage, I’ve realised there might be another option as I’ve decided I don’t want the ‘Age’ field on the “Create An Account” Page.

I’ve got two member types. Individuals and Activities. Once registered, I ask them to complete different profile fields. Activities don’t need an age! They also don’t need to specify who they are “Looking For”. These questions make no sense to an Activity.

So, is it possible to remove the style changes you just put in place and instead remove “Age” and “Looking For” from the Profile Details on the Create and Account Page. I will still get my members to complete these fields once they are registered if applicable. I should have though of this earlier sorry!

This would tidy up my registration process and fix the format issue.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello 🙂
Sure! no problem, if you navigate to Appearance > Edit you should see my codes at style.css, just delete the ones i shared here

And if you go to Users > Profile fields, move the Age and Looking for fields to another field group ( the BASE group where they are now its the one that appears at registration page ) 🙂

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 🙂

[Willstar64]

Thanks. In essence I’ve moved the width issue from the “Create An Account” page to the later profile set-up and ideally I’d still like to change the width but not if it changes the width of all fields. Is this possible?

Profile searches question. Am I right in thinking that a user can only search by profile fields that are REQUIRED fields and where ALL MEMBER types are required to fill the field? Note I have 2 member types -Individuals and Activities. From my testing it seems I can’t search by Age unless it’s a REQUIRED field and I have ticked it’s applicable for both member types. My problem is that it makes no sense for Activities to fill out an age!

Ideally I’d like Age to be a “Required” field but only for “Individual” member types and not “Activities” AND still allow it to be a searchable field! Can you use your magic to make this happen 🙂

My other thought was to add the Advanced Search Option instead. I’m assuming this could search profile fields that aren’t ‘Required” and therefore I could remove Age as a Required field for Activities. Do you understand what I’m trying to do here? Is the Advanced Search a whole new page or a modification of the “Members” page? Could this work?

https://archived.seventhqueen.com/sweetdate/article/add-advanced-search-members-directory

[Laura]

Hello 🙂
1- The age field do you mean?
2- The search can use all profile fields, but if some users do not fill it, then they would be skipped from the search, as required fields are always filled, then all users should have it
I think this would help you https://www.buddyboss.com/product/buddypress-member-types/ but i am not sure if there is any free option

3- Advanced profile search just adds the profile form inside an accordion, does not change how the search works

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 🙂

[Willstar64]

You will have to excuse me if I change tack on some questions as I know I’m trying to use this theme in a way it’s not really designed for – at least from the member type perspective. Yes I’m already using member types and the issue for me is that I’ve created a number of different profile fields for each member type and unless I ask both member types to complete a field (required or not) then I can’t use it as a search field i.e. I have “Age” as a profile field for my individual member type but not for my business members because it was meaningless to them. So…..

This is why I was interested in the Advanced Profile Search – I was hoping it didn’t require all member types to have the same profile fields for the profile field to be a search option. Do you know if this is the case? If it works exactly the same way then….

Plan B. Something that would help me is if I was able to insert a line of text between User Profile Fields. I could then have all the searchable fields under one section but separate individual member type fields from business member type fields with some text like “Profile Fields Below are required for searches but are not applicable to businesses”. Question:- Is it possible to add a field that has some pre-populated Text in it, or could you add some code to create the same effect? In this way I can make it clear to users what is expected of them when they fill out the fields.

3. A related question. If I do make a wider number of profile fields available to search then the format on the members page gets messy with the search wrapping onto a second line. This is where I’m guessing the Advanced Search Accordion helps with layout. Correct?

4. If my plan B is an Option I’d like to include the Advanced Search but I can’t follow how I add this to my website. Can you help?

[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

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 🙂

[Willstar64]

Hi Laura,
Thanks for forwarding the request. I worked through the weekend on a back-up plan that I’m comfortable with so my question about profile fields is less important now.

My interest in the advanced search option was really due to the formatting of the search on the members page. Again as part of my work over the weekend I’ve settled on my key search fields. My main issue is that the search on the members page is not defined by an space in the same way as the search on the homer page. As it stands right now my members page search has the search button on a second line – all on it’s own, and if I add additional search fields they just wrap onto another line. It doesn’t look great. Is there a way of formatting the members page search – without using the Advanced Search function?

Can you give ma any formatting code that will stop my single membership level on the Membership Levels page from being full page width? It only needs to be 50%

Thanks.

[Radu]

Hi,

My personal advice for your case it’s to set the required fields that you want to be mandatory competed for the search and then to install this plugin : https://wordpress.org/plugins/bp-force-profile/

This will redirect and lock the members to complete all required fields!

So in this way all search fields will be completed and searchable!

You can add a field description with an additional note that will be disapled on register and also on profile edit

For the search icon you want to have it inline ?

There is no space available since there are 6 columns, an easy way it’s to hide the “who are my matches” text.

The css for the levels page it’s next

COPY CODE

.membership ul.pricing-table.kleo-level-15 {
    max-width: 500px !important;
    margin: 0 auto;
    text-align: center;
}

Cheers
R.

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

What support service includes ? What not ?

[Willstar64]

Thanks. Good advice.

[Radu]

So, let me know if I can close the ticket or if I can help you with something else.

Cheers
R

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

What support service includes ? What not ?

[Author]

Posts