Docs

[AK49 Logan 907]

Hi, I’m having problems increasing my page width for my portfolio. I already have it set to full layout full width but it still is not full page. I had the same issue with my forum that we fixed a month ago and had to enter in custom CSS. Any help would be greatly appreciated. Thanks!

Also, would like advice on how to set my categories in a certain order. So right now when looking at the portfolio page it goes (YouTube Banner, Twitter Cover Photo, Twitch Overlay, etc) How do I set it to the order I would like?

http://212studios.online/demo-portfolio/ (Link to the portfolio)
Is it possible to change this link about to delete the word demo from it making it cleaner?

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.page-id-6613 .x-container.max {
    max-width: 1350px !important;
}
.page-id-6613 .x-container.width {
    width: 92% !important;
}
.page-id-6613 .entry-wrap {
    padding: 20px !important;
}

To make the link cleaner, just remove the word demo from your page title and Edit the Permalink to remove the word demo.

You probably need to recreate the categories in the order you wish to display.

Let us know how this goes!

[AK49 Logan 907]

Hi, thanks for the help! I followed your instructions and most everything is good but now I have a few more questions.

1. How to set it up so you can change your volume on the video under the portfolio?
Here’s a video: http://212studios.online/portfolio-item/remtide-animated-outro/

2. How to get rid the top sort portfolio button? Linked a image below.

3. How to sort the categories that are being displayed on the portfolio page into the order of my choosing?
Link to portfolio: http://212studios.online/portfolio/

4. Is it possible to add an auto watermark over the portfolio images?

5. Can you change the “Permalink symbol” when hovering over portfolio items?

6. Is it possible to add a video in the product gallery section instead of just a image?
A shop item: http://212studios.online/product/audio-visualizer/

7. How to add a ‘standard free delivery’ option and a ‘premium faster delivery’ option? Under the delivery section at checkout. Current in image below.

I really appreciate the help and it helps so much. 🙂

[Rue Nel]

Hello There,

Thanks for the updates!

1] Regretfully there isn’t a feature in X that you can adjust the volume. You can only right click on the playing video and show the controls.

2] To get rid the top sort portfolio button, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

a.x-portfolio-filters.selected {
    display: none;
}

3] The categories are displayed in alphabetical order.

4] Regretfully there isn’t a feature in X that you can add a watermark. It could only be possible by using a 3rd party plugin. Please check out the WordPress plugin repository.

5] To change the “Permalink symbol” when hovering over portfolio items, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.entry-thumb:before {
    content: "\f0c5";
}

You can get the css rule for your desired icon from here: http://fontawesome.bootstrapcheatsheets.com/

6] Yes, you can add a video. You need to install a 3rd party plugin in order to do that. Perhaps this plugin may help you: https://wordpress.org/plugins/woocommerce-embed-videos-to-product-image-gallery/

7] To setup your shipping methods, please see the documentation here: https://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/shipping/

Hope this helps.

[AK49 Logan 907]

Appreciate all the help and most of it was wonderful. A few little issues.

1. I see the extra options when you click the ‘show controls’ I really like how it has the volume and full screen mode. Can we just get rid of the main player and always have the extra controls show up?

3. Is it possible to set it in a different order?

5. The sort portfolio button is still there until you click it the first time. Can we set it to always be gone?
http://212studios.online/portfolio/

Any cool effects I might not know of for portfolios? 🙂
Thanks again!

[Rue Nel]

Hello Again,

1] Yes you can. To do that, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .mejs-video .mejs-controls {
    display: none;
}

2] To completely remove the portfolio filter buttons, please use this code instead:

a.x-portfolio-filters {
    display: none;
}

3] Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

Hope this helps.

[AK49 Logan 907]

Thanks! 🙂 It helps a lot.

[AK49 Logan 907]

Actually I’m having a lot of issues with the code. I’m confused because it does not seem to be working as there is a previous codes and the previous code from earlier to make the ‘sort portfolio’ button disappear after clicking. Would you mind just going in there and inputting the code?

Would like it so it shows all the item categories but the “Sort Portfolio” button NEVER show up. Thanks!

[Rue Nel]

Hello There,

All you need to do is to find this block of code in your customizer:

a.x-portfolio-filters.selected {
    display: none;
}

You should remove that code and replace it with this code instead:

a.x-portfolio-filters {
    display: none;
}

.x-portfolio-filters-menu {
    display: block;
}

Hope this helps.

[AK49 Logan 907]

Great it worked perfectly!

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts