[Fabio MParticipant]

Hello,
using Cornerstone I added a revolution within the portfolio item slider as you can see here

What I want is for the revolution slider is inserted below the masthead and centered keeping all other sections. it’s possible? I am attaching a screenshot to help you understand.

Thank You!

[ZeshanMember]

Hi Fabia,

Thanks for writing in!

In that case, you can use Below Masthead Slider instead. Please watch our video walkthrough on sliders for setup instructions.

Thanks!

[Fabio MParticipant]

Ehm…the options Below and Above Masthead are available only on pages! But not in a Portfolio Item…so if a click Portfolio -> Add New Item i cannot set a Below Masthead Slider…

[Paul RModerator]

Hi,

Regretfully this isn’t possible with portfolio items. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Fabio MParticipant]

Hello guys,

I found this old post https://community.theme.co//forums/topic/revolution-slider-above-masthead-in-portfolio-with-ethos/ where you suggested to the boy who asked for a solution to the same problem to use a code that you have written the same post. I tried to use the same code with some changes:

First of all i’ve added the classes .wpb_revslider_element.wpb_content_element to the raw containing the revolution slider, then

for the JQUERY i’ve used:

jQuery( document ).ready(function() {
jQuery( “.wpb_revslider_element.wpb_content_element” ).insertAfter( “.single-x-portfolio .masthead” );
});

and for the CSS:

.single-x-portfolio .wpb_revslider_element.wpb_content_element {
display: block;
margin: 0 auto;
width: 1200px;
}

This is the result:

can you help me to center the slider starting from the code I used above?

[Prasant RaiModerator]

Hello There,

Thanks for writing in!

Kindly replace your CSS code with the following CSS under Custom > CSS in the Customizer:

.single-x-portfolio .wpb_revslider_element.wpb_content_element {
display: block;
margin: 0 auto;
width: 100% !important;
}

Let us know how it goes.

Thanks.

[Fabio MParticipant]

Oh yes! Thank you so mutch, it worked like a charm!

Now i’m trying to insert a Scroll Bottom Anchor pasting the code below in a layer of the revolution slider:

<a href="#" class="x-slider-scroll-bottom below bottom center">
          <i class="x-icon-angle-down" data-x-icon=""></i>
        </a>

icon appears but when clicked nothing happens.
What am I doing wrong?

[DarshanaModerator]

Hi there,

To assist you with this issue, we’ll first need you to provide us with your URL to the page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Fabio MParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

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.

[Fabio MParticipant]

Solved!

Just point the href to the first section. for example:

<a href="#x-section-1" class="x-slider-scroll-bottom below bottom center" style="color: #fff;>
          <i class="x-icon-angle-down" data-x-icon=""></i>
        </a>

just put this code on a text layer inside the Rev Slider.

Thank you for all!

[Paul RModerator]

Hi,

Glad you were able to figure it out.

Have a nice day!

[Author]

Posts