gk_steakhouse Joomla Theme

kinniya

How to change the custom theme color? for example instead of white background I need to change it to dark purple.
How to change the Banner Image?
How to change the Module Class Suffix "parallax bigtitle" Background Image
How to Edit the menu which is in Banner?

saguaros

1 - May I know which part you want to change the background color? a screenshot would be helpful here

2 - I guess you mean the background image in the header, this topic will help you: https://www.joomlart.com/forums/d/29066-how-to-replace-background-image-in-this-template/2

3 - It's declared by this css rule:

.box.parallax {
	background-image: url('../images/parallax_bg.jpg');
}

the background image locates here: /templates/gk_steakhouse/images/parallax_bg.jpg

you can replace with your own image

4 - About the menu, it's a custom html module in 'header' position, you can edit there (Remember to disable the editor in Global Configuration in backend first, before editing this module).

kinniya

Thanks a lot..

please refer the attachment (Entire background is in White, I need to change it to dark purple) -

Works fine.. Done!
Works fine...Done!
I got it but <a href="#menu">, <a href="#specials">, <a href="#location"> , etc are not working, and icons not visible. how to reslove this?

saguaros

kinniya You can share URL + Admin account of your site, I will check for you.

kinniya

I have shared URL + Admin account of the site, Please check it and help me to resolve this, Thanks

saguaros

Hi kinniya

Thanks for sharing the info:

1 - It's background color declared in css file of template, you can override this css rule:

#gkBg {
	background: #fff !important;  <<< change to your desired color
}

4 - As I mentioned in my above reply, you need to disable the default editor first before editing the custom html module, when you use editor, it often strips some HTML tags and cause unexpected issues, like in this case, it strips i and span tags, I updated for you again:

<h1 data-scroll-reveal="enter top over .5s after 0s">The Best Steak House is Here</h1>

<h2 data-scroll-reveal="enter bottom over .5s after .15s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper orci semper tempus.</h2>

<a href="#restaurant" class="btn" data-scroll-reveal="enter bottom over .5s after .25s">Discover our restaurant</a>

<ul class="gk-short-menu">
<li data-scroll-reveal="enter bottom over .5s after .25s"><a href="#menu"><i class="gk-icon-dinner-set-solid"></i> <span>Menu</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after .5s"><a href="#specials"><i class="gk-icon-bottle-glass-solid"></i> <span>Specials</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after .75s"><a href="index.php/gallery"><i class="gk-icon-gallery-solid"></i> <span>Gallery</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after 1s"><a href="index.php/reservation"><i class="gk-icon-calendar-solid"></i> <span>Reservation</span></a></li>
<li data-scroll-reveal="enter bottom over .5s after 1.25s"><a href="#location"><i class="gk-icon-map-path-solid"></i> <span>Location</span></a></li>
</ul>

Kindly check.

kinniya

Thanks a lot

Works perfectly
But in between there are some spaces with white color..
https://prnt.sc/xga8m2
https://prnt.sc/xgaaj1
https://prnt.sc/xgabwd
How to make those space to the background color?
Now Icons are visible ... Thanks a lot
But <a href="#restaurant", <a href="#menu">, <a href="#specials">, <a href="#location"> are not working.
are there any special settings need to do? please guide me on this too... Thanks a lot.

kinniya

Works perfectly
But in between there are some spaces with white color..
https://prnt.sc/xga8m2
https://prnt.sc/xgaaj1
https://prnt.sc/xgabwd
How to make those space to the background color?
Now Icons are visible ... Thanks a lot
But <a href="#restaurant", <a href="#menu">, <a href="#specials">, <a href="#location"> are no6. How to change the color of footer menu texts?
How to change the font color of Footer menu? (https://prnt.sc/xid8gf)
Once we click on the menu, there will be a page, in that page the text color seems black, how to change the text color? (https://prnt.sc/xida53)

Thanks and Regards

saguaros

Hi kinniya

It's padding of these sections, you can set the same color as background by:

#gkBottom1, #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5 {
    background: #302e44; }

3 - Footer menu: you can override this css rule:

#gkFooter a, #gkCopyrights {
    color: #fff !important; }

4 - The same with this:

h1.displayname {
    color: #fff;
}

P/s: for the new questions, please help to separate into different topics, it would be helpful community if others have the same inquiry.

kinniya

Thanks a lot... Amazing service..!