Docs

[Aaron]

What do you mean by my site is empty? In pages tab is the pages I currently have. how do I do the rev slider? Thanks

[Joao]

Hi There,

Actually your front page is set to display your last posts, as you don´t have posts it is empty.

If you would like to use the page you are building as a front page, please go to your WP-Admin Dashboard > Settings > Reading and selec to use a static page as your front page and select the page you are building.

To install revolution slider go to your Wp-Admin Dashboard > Addons and install than activate Revolution Slider.

Before using it I reccomend you watching some video tutorials on youtube about how to use it, once you have an overview of how it works it will be easier to build or customize your slides.

You can download and import Revolution Sliders Templates from this link:

https://revolution.themepunch.com/free-slider-exchange/

Once you have create your Slider in RS you can go to your WP Admin Top Admin Bar > Edit

Scroll down and you will find the options to set the slider below or above masthead.

You also can place RS on Cornerstone with your Revolution Slider Element.

Hope that helps

Joao

[Aaron]

I dont want to use the slider as it will be better for me to keep the content placed how it is, is there a way to use custom html css to add the header inside the background like shown in screenshot previously? Thanks

[Christopher]

Hi there,

Are you referring to this screen shot?
https://s3.amazonaws.com/community-themeco/app/uploads/2016/06/13100016/links.png

You should add slider below masthead or add background image to the first section, then we’ll help you to make navbar transparent.

Hope it helps.

[Aaron]

This reply has been marked as private.

[Christopher]

Hi there,

The content in blue background is not responsive.

Please remove width property from following code :

#main-subheading-text {
    font-family: ProximaNova-Regular;
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    width: 736px;
    margin: 0 auto;
}

Change this code :

<div class="x-column x-sm x-1-1" style="padding: 0px;"><a class="x-btn btn-firstdemo x-btn-global" style="text-transform: capitalize;background: #27C229;border: none;" href="#" data-options="thumbnail: ''">Schedule a Demo</a><div class="x-text learn-more" style="color: #FFFFFF;"><p>Learn More</p>
</div><img class="x-img btn-play x-img-none" src="http://unitu.sambasoccerschools.com/wp-content/uploads/2016/06/Play-Button.png"></div>

To :

<div class="x-column x-sm x-1-2" style="padding: 0px;">
<a class="x-btn btn-firstdemo x-btn-global" style="text-transform: capitalize;background: #27C229;border: none;" href="#" data-options="thumbnail: ''">Schedule a Demo</a><div class="x-text learn-more" style="color: #FFFFFF;"></div></div>
<div class="x-column x-sm x-1-2" style="padding: 0px;"><p>Learn More</p>
<img class="x-img btn-play x-img-none" src="http://unitu.sambasoccerschools.com/wp-content/uploads/2016/06/Play-Button.png"></div>

Hope it helps.

[Aaron]

how do i add that code, through raw content?

[Lely]

Hi There,

Yes, you can add that using RAW CONTENT. You can also remove the column from the suggested code and then on each of your columns on Cornerstone, just add each of this:

<a class="x-btn btn-firstdemo x-btn-global" style="text-transform: capitalize;background: #27C229;border: none;" href="#" data-options="thumbnail: ''">Schedule a Demo</a><div class="x-text learn-more" style="color: #FFFFFF;"></div>

<p>Learn More</p>
<img class="x-img btn-play x-img-none" src="http://unitu.sambasoccerschools.com/wp-content/uploads/2016/06/Play-Button.png">

Hope this helps.

[Author]

Posts