Docs

[quituck]

Problem Solved Thank you.

[quituck]

Is there a way to hide the background image from the Nav. bar?

[quituck]

Yes. Thank you.

Can you tell me to make the nav bar transparent on my entire site? The code you provided only makes the nav. bar transparent on a couple of pages

Also my pictures aren’t displaying in the cornerstone slider element. I added the image url to the style section and they aren’t displaying on my watch page. Any idea how to fix this?

Thank you

[Jade]

Hi there,

Would you mind specifying which page the navigation does not show transparent? I have check but it seems to be transparent in the site pages.

For the slider element, please use this in the style field:

background-image: url('http://27clubwatch.com/wp-content/uploads/2016/12/imageedit_3_8487447630.jpg');

Hope this helps.

[quituck]

Hello,

I figured out the nav bar transparency. Thank you for helping me with that.

I’m still having issues with the cornerstone slider. It’s not displaying any of my images. Its there a defect with this element?

[Joao]

Hi There,

I have tested and the slider works, where have you placed your slider?

Thanks

Joao

[quituck]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the url of the page in question. Are you referring to this http://prntscr.com/dkehy2?
You have added the image incorrectly. You need to insert the image within the slide content. You can make use of the image shortcode (http://demo.theme.co/integrity-1/shortcodes/images/). You have something like this:

[image type="rounded" src="http://27clubwatch.com/wp-content/uploads/2016/12/imageedit_3_8487447630.jpg" alt="Miley Cyrus"]

Hope this helps.

[quituck]

Yes i was referring to the slider above. I was hoping to have the text over the image. How can I add the text over the image?

Thank you

[Rue Nel]

Hello There,

Do you want something like this?

If that is the case, please have each slide item contents like this:

<h1 class="h-slider">Miley Cyrus</h1>

[image class="man" type="rounded" src="http://27clubwatch.com/wp-content/uploads/2016/12/imageedit_3_8487447630.jpg" alt="Miley Cyrus"]

And then insert the following custom css in the settings tab, Settings > Custom CSS

.x-slide {
    position: relative;
    overflow: hidden;
}

.x-slide .h-slider {
    display: block;
    width: 100%;
    position: absolute;
    top: 20%;
    padding: 10%;
    background-color: rgba(255,255,255,0.75);
    text-align: center;
    opacity: 0;

    transition: opacity 0.5s linear;
}

.x-slide:hover .h-slider{
    opacity: 1;
}

We would loved to know if this has work for you. Thank you.

[quituck]

How can I get my slider to look like the slider on this page? http://rastaverse.com/index.php/about-rv/

Do you need my login credentials for this site?

Thank you

[Lely]

Hello There,

This page:http://rastaverse.com/index.php/about-rv/ is on Coming Soon. I am not sure what you have right now compare to what you want to achieve. Since this is different issue from the title, it would be better if you will open up a new thread and then give us the complete details there. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[Author]

Posts