-
AuthorPosts
-
March 14, 2016 at 4:48 am #597494
Hi,
I just purchased a new license for a new site and I need help with the following customizations on the homepage:
Here is what I need the final homepage to look like
http://s7.postimg.org/o4ky2tzbv/finalhomepage.jpgHere is what I currently have:
http://1c5.964.myftpupload.com/As you can see I made some progress but needs the following help
1- On the very top header area. I am using a transparent header on the homepage which is great but I do not want to use the transparent header anywhere else on the site. Eg. http://1c5.964.myftpupload.com/pages/about-us/ I would simply like the header for the other pages be a solid color.
2- How do I control/change the sticky header background color and font color?
3- I cannot get the slider to look like my mockup. I need the text (Welcome to BCCP Online!….) to move up more and when I scroll the page those text also gets lost. More importantly on mobile, the slider is extremely tall and does not show the middle of the photo which is the most important part to show . It is just showing the left portion. How did this site achieve it? http://renov8.org/. Am I using the wrong slider? Should I use a different slider?
4- I would like to change <h1><H2> to Open Sans Extra Bold. I have already added
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600,800); and set my font weight to 800 but it is now showing up on the front end (see text “BROOKLYN COLLEGE COMMUNITY PARTNERSHIP”) below the slider.5- On my mockup “FROM THE BLOG” section, I would like to pull the latest blog entry with the thumbnail image on the left and headline/summary copy on the right. Can you please help me achieve that layout?
6- Below the blog section, I am trying to add a parallax image. (where the text currently says “iSERVE TRIP 2016: CHICAGO…”) I really like how this site did that parallax image towards the middle – http://renov8.org/ where it says “COME FIND COMMUNITY…” . Why cant I achieve the same effect?
Thank you so much. Look forward to hearing from you.
March 14, 2016 at 9:00 am #597613Hey wnow!
Thank you for using Enfold!
1. Please check the header transparence options of the page in the sidebar area called “Layout” options
2. Menu Link colors can be changed from
Enfold Options > General Styling > Logo Area3. The slider looks same as the mockup did you get it sorted?
4. Open a new ticket.
5. Please use the blog element in advance layout builder.
6. To make parallax effect please use a color section in Advance Layout builder > Layout Elements > Color Section > and in the background options please use the parallax in “Background Attachment”
Request you to open a new ticket for new issues which are not related as this will help us keep the focus on original topic and help us give you faster support without getting mixed up with a lot of issues in one single ticket :)
We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/
Regards,
Vinay KashyapMarch 14, 2016 at 3:46 pm #597794Thanks
3- The problem is the slider on mobile. Can you please take a look at it on mobile? the slider is extremely tall and does not show the middle of the photo which is the most important part to show . It is just showing the left portion. How did this site achieve it? http://renov8.org/. Am I using the wrong slider? Should I use a different slider?
March 14, 2016 at 3:47 pm #597796Sorry I have 2 accounts with you guys. I originally meant to send it via navindesigns account
March 17, 2016 at 3:00 am #599362Hi!
3.) The images in the full screen slider is set as background and the background-size property is set to cover which means that it will cover the whole container but may cut off parts of the image to keep its aspect ratio. If you don’t need to show the whole image but require to correct the position, set the Image Position to “Center Center”.
Cheers!
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.