Header Background Images for Articles in Quark

Support desk for Multipurpose Quark Theme
GK User
Wed Apr 08, 2015 3:08 pm
Hi Gavickpro,

I see in the demo for Quark that you have an image in the header background of an article for the Our Team page. How is that configured? I haven't been able to find a module that would allow me to do that, and it doesn't appear to be covered in the template's documentation forum post.

Thanks,
Railer
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 3:25 pm
I found an instruction page called "How to Create a Page Header?" in the quickstart demo. The last item says to create a module using he following HTML code:
<img src="images/demo/about_bg.jpg" alt="" class="parallax-img" />
<div class="gkPage">
<h1 data-sr="enter bottom and move 50px">We are a digital design agency based in Manhattan, NY</h1>
<h2 data-sr="enter bottom and move 50px and wait .2s">We help the world's top companies build<br />amazing digital products.</h2>
</div>
<span class="mouse-icon"><span><span></span></span></span>

How do I link it to the article, or rather, how do I stop the default color background from displaying under my new module? (Or how do I replace the default color background header with my preferred background image?)

Also, the mouse icon animation at the bottom does not display in my module.
Last edited by GK User on Wed Apr 08, 2015 3:28 pm, edited 2 times in total.
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 3:28 pm
If for instead your article is on the page "about us"

Set the module " Menu assignment" to the page "about us"
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 3:40 pm
xWiz wrote:If for instead your article is on the page "about us"

Set the module " Menu assignment" to the page "about us"


Thanks for your response.
I did this, but I now have two headers, the new image one I made, and a default color one. How do I manage the default color one. I checked all the current modules published to the "header" position and none seem to be the right one.
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 3:55 pm
Maybe a better question to ask is how do I put a background image into a page header like the "Typography" page in the demo? Instead of the pink background color, I'd like to place an image.

If that can't be done, then how do I disassociate the default header from the article?

Knowing both solutions would be good.
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 3:57 pm
You can turn the header of article off. by simple:

Menus > Main menu > "contact us" > options > turn here the image off.

I have everything turned off :P i am not sure what the image is.

There is probably a faster way but this is also easy
User avatar
Gold Boarder

GK User
Wed Apr 08, 2015 4:11 pm
xWiz wrote:You can turn the header of article off. by simple:

Menus > Main menu > "contact us" > options > turn here the image off.

I have everything turned off :P i am not sure what the image is.

There is probably a faster way but this is also easy


Thanks xWiz.

I just stumbled upon the solution I was seeking. I don't need to make a custom header module at all to accomplish what I need.

I just need to have a prepped jpg image (1200 px X 688 px) and link to it from within the article thru Images and Links > Full Article Image.

That ought to be added to the documentation.

Cheers!
User avatar
Gold Boarder


cron