Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
How do I get rid of banner pic at the top
Avatar
Jupiter Jim
Jupiter, Florida
Jedi
Members

Community Member
Forum Posts: 120
Member Since:
July 24, 2012
sp_UserOfflineSmall Offline
1
July 14, 2017 - 2:25 pm
sp_Permalink sp_Print

Rick,

Client would like to get rid of the image of the truck at the top but JUST for this page only:

http://rootersewerdrainman.com.....s-jetting/

I can send you the login if you need it.   It's Genesis.  I've spent tons of time seeing if there is a place in the dashboard to change that image to no avail.

It seems complicated.  I'm happy to try and play around with PHP but I'm no expert.

Will you have a Q&A next week, that you can work on this live?

It's up to you.  I'm no Genesis expert and I'm flummoxed.

Thanks for all your generous, amazing help.

~ Jupiter Jim 

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
July 14, 2017 - 2:52 pm
sp_Permalink sp_Print sp_EditHistory

It's relatively simple to do.  That image is a background of .home-banner so you would use the page's unique body class and make it display:none, then remove the padding from the section below.

Add this to your CSS

.page-id-135 .home-banner{display:none;}
.page-id-135 .site-inner{padding-top:0px}

Yes we will be resuming Q&A Next week

Avatar
Jupiter Jim
Jupiter, Florida
Jedi
Members

Community Member
Forum Posts: 120
Member Since:
July 24, 2012
sp_UserOfflineSmall Offline
3
July 14, 2017 - 4:27 pm
sp_Permalink sp_Print

Ok Rick works like a charm.

Here's the page I should have shown you:

http://rootersewerdrainman.com.....g-jetting/

Here's the code to NOT display the banner:

.page-id-1101 .home-banner {display:none;}
.page-id-1101 .site-inner {padding-top: 0px}

Now, as an added bonus, my client would like to actually replace that image with another.   So how would I do that?

Thanks so much!

~ Jupiter Jim 

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
July 15, 2017 - 6:18 am
sp_Permalink sp_Print

That's way simpler.  Instead of display:none  use background-image:url

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
10 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1444

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

saamkrish

volminFL

soundpilot

digitalaerolus

emma62755

sharonmarks

Forum Stats:

Groups: 8

Forums: 46

Topics: 7004

Posts: 34849

 

Member Stats:

Guest Posters: 6

Members: 6765

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent