Evolve – Page Margins & Create Static Front Page

Elizabeth Abernathy
(@elizabeth-abernathy)

11 years, 4 months ago

Hello – I am really liking the Evolve theme. I am just looking to locate the code that controls the Front Page Content Boxes in relation to positioning to the Bootstrap Slider. I am trying to do the following:

1) Change the Margin between the Bootstrap Slider and the Front Page Content Boxes so that they are closer together. I have found some settings in the style.css file, but cannot get it quite right. I have replaced the Front Page Content boxes with Custom Pictures see:

http://elizabethedmunds.com/blog/

2) I am also trying to make it so the Home page is a static page that does not use one of the other pages from the Navigation.

In addition, I know that the developers of the theme have an option to add an image carousel, but in downloading one add on, I am not sure if that is the way to go. I can’t sign up and post over there without purchasing the Theme, which I will do, but first I am wanting to see if I can do all that we want with the Theme.

By the way, the Theme, so far, is probably about the easiest that I have worked with in terms of a click and go set up.

Thank you in advance. -Beth

Viewing 6 replies - 1 through 6 (of 6 total)

FarzamF
(@farzamf)

11 years, 4 months ago

hi Elizabeth,

1- #bootstrap-slider{margin-bottom:-40px}
add this code in :
Appearance > Theme Option > Custom css

2-can you explain your question more ?

Thread Starter Elizabeth Abernathy
(@elizabeth-abernathy)

11 years, 4 months ago

Hello FarzamF – Thank you that worked perfectly!!! I am not sure if I need to start another post but I am now trying to add 3 – 4 images/icons below the pictures i.e. “Tahoe Lakefront Home with a Pier” etc., to show things like “click here to request more information” with a nice email link icon image. I am wondering if I need to install some sort of image gallery or if I can just copy and paste the code that runs the pictures below the slider to duplicate and then have 4 images? Thanks again. What a great help you have been! -Beth

FarzamF
(@farzamf)

11 years, 4 months ago

you can add your html code in :

Appearance > Theme Option > Front Page Content Boxes > Content Box n Button

for example for adding icon :





this will show 3 icons below that pictures

Thread Starter Elizabeth Abernathy
(@elizabeth-abernathy)

11 years, 4 months ago

Hello FarzamF – Thank you! I did add the one “fa fa-cube” to the Content Box 1 Icon (FontAwesome) which puts the icon above the “Tahoe Lakefront Home with a Pier” picture, but I was hoping to put it below the picture, so I am wondering if I need to go into the style.css page? I will try this next. Thank you again for your help!! Much appreciated. -Beth

FarzamF
(@farzamf)

11 years, 4 months ago

hi , you put the codes in a wrong place ,

put the codes at the end of “Content Box 1 Button” input box .

Thread Starter Elizabeth Abernathy
(@elizabeth-abernathy)

11 years, 4 months ago

You are a God!! Thank you … Works Perfectly.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Evolve – Page Margins & Create Static Front Page’ is closed to new replies.