Ajax portfolio hover to view

Hi kazzijazz!

1.Not entirely clear but i am assuming you need to change colors for sort buttons? If so please add this code to your Quick CSS

.sort_by_cat {
    display: flex;
    justify-content: space-around;
}

.sort_by_cat a {
width:100%;
}

.sort_by_cat a:nth-child(1) {
background:red;
}

.sort_by_cat a:nth-child(2) {
background:blue;
}

.sort_by_cat a:nth-child(3) {
background:green;
}

The above code will make the portfolio sort options as below

2. If you like to open portfolio in lightbox? This is going to take a lot of customization and we recommend you to hire a freelancer.
An alternative is to hide portfolio content by using CSS and may be try to fill the ajax container with the image.

3. Please provide us a mockup of what you want to do? so we can help you better.

Best regards,
Vinay Kashyap

Hi!

What you are trying to do more or less looks like you want the portfolio filters to function like a vertical accordion. This type of customization will take a lot of time and it is out of our support scope we recommend you to hire a freelancer.

Best regards,
Vinay Kashyap

Hi!

Accordion by default takes up the full width.

To remove it’s border colors please goto Enfold Options > General Styling > Main Content > Border Color and just delete the color value.

To change tab colors add the below code you can add more tab colors by adding the repeating css block below with the change in nth-child(1) and background color values.

/* Accordion Tabs Color*/

.av_toggle_section:nth-child(1) .toggler, .av_toggle_section:nth-child(1) .toggler:hover {
background: red!important;
}
.av_toggle_section:nth-child(2) .toggler, .av_toggle_section:nth-child(2) .toggler:hover {
background: gold!important;
}
.av_toggle_section:nth-child(3) .toggler, .av_toggle_section:nth-child(3) .toggler:hover {
background: green!important;
}

Cheers!
Vinay Kashyap

Hey!

Please keep the temporary user you created for us till the issue is over. If you can kindly share the link to the page we can assist you in this :)

Regards,
Vinay Kashyap

Hi!

The user ‘guest’ do not have admin rights to view the page in edit mode please send us working admin login credentials.

Best regards,
Vinay Kashyap

Hey!

The login credentials you’ve provided do not work please send us working login credentials with user role as ‘administrator’ and permission to disable all plugins and add css if necessary to resolve the issue.

Regards,
Vinay Kashyap

• This reply was modified 8 years, 11 months ago by Vinay.

Hi!

We are working on your ticket please wait while we update the results here soon.

We have removed the paddings on the left and right as per your request please check the site now :)

The below code was added to Quick CSS

/* remove left and right padding*/
.container {
padding-left:0!important;
padding-right:0!important;
}

Cheers!
Vinay Kashyap

• This reply was modified 8 years, 11 months ago by Vinay.

Hey!

We have added the below css please check the site. :)

/* remove padding*/
.content, .container {
padding:0!important;
}

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100%!important;
    max-width: 100%!important;
}
}

Regards,
Vinay Kashyap

Hey!

We tried to remove the white line but because of many custom styling changing one thing causes interference with other elements.
This level of customization requires a lot of time we recommend you hire a freelancer.

Best regards,
Vinay Kashyap