I’m setting up my site using the Specular theme, however there are a few things I can’t seem to figure out:
1. How do you setup the blog page with the fullscreen parallax header image like in the masonry fullscreen demo – I can’t seem to work out how to set this up
2. On all the pages in my site I’ve changed the default transparent top nav menu into one that isn’t, except for the blog page which ignores the setting and makes the menu transparent.
3. What settings change the font sizes and colours in the price list, and the icons assigned to the price list items?
1-To set up the blog in parallax style please go to your blog page’s General Settings > Page Options & Style > Fullscreen Sections Sliding, set it ON. Screenshot: https://postimg.org/image/r34mwril7/
2-Do you have any slider set up in blog page? Did you assign the blog page in General Options > Select Special Pages > Select Blog Page? Can i please see a link of the blog page?
3-To change the price list font size and color, you have to use custom css. Add this code into your custom css box in General Options:
.price_table .list ul li {
font-size: 16px !important;
color: #e68a52 !important;
}
Which icon are you referring to> The currency or icon before the list items? To change currency, just go to the page’s admin panel, find the price element (visual composer element), open element’s options and add another currency symbol. See screenshot: https://postimg.org/image/kghz3edpn/
The icons before the items, are set up with css. You need to change the code to changes them. Let us know if you need further help.
In blog page you had set up the feature image to show in the header and had set OFF the page header. (the “General Settings > Page Header Options > Active Page Header” option is needed ON in order for the page header to show up). I set up the settings and now the News header is the same as other pages. I see however that you have added a row with background image to do the page header job.
I suggest you remove that and keep theme’s default page header. To add it just set ON the “General Settings > Page Header Options > Active Page Header” option in news page.
1-I added this code into your custom css box to hide page header title in every page:
.header_page.centered h1 {
display: none;
}
2-In blog page’s General Settings > Page header Options > Page header background, i set the position to Fixed. The image is now set as parallax.
3-I checked on Sticky nav, it is active in the option panel. It has no problem in blog page and it does show in other pages when you refresh page. Please deactivate your third party plugins and try again. One of them may be conflicting with sticky navigation scripts.
Let us know.
