Wolf Play Game

Wolf Play Game
 Spring Month: 2   Day   Sunny
    
Tue 09:05pm  
Packs Online:  91 
Chatbox

Log in to view the Chat.

Refresh

You must be a registered member for more
than 1 day before you can use our chatbox.


Quests
Alliance Battles
Challenges

Hourly Damage Variances
Spotted Hyena : +4
Mojave Green Rattler : +1
Copperhead : -4


WolfPlay Game
Chatbox

Log in to view the Chat.




Refresh

You must be a member for more than 1 day before you can chat.

Forums

→ WolfPlay is a fun game! Sign Up Now!


My Subscriptions
My Bookmarks
My Topics
Latest Topics
Following

Forums > Member Help > Guides
   1   ..    40    41    42    43 

Custom Palette CSS stylesMarch 5, 2025 12:36 PM


Kháos

Neutral
 
Posts: 3504
#3090260
Give Award

Questions I Have

- What's the code to change our headers? (The new WolfPlay logo)

- Is the Packs / Friends Online page broken or is there a new code for them? (Asked previously by Night Shade, thanks!)

- What's the new code for the giant tree background? The old code no longer works for me.

Unanswered Questions I Found

- For the footer images, what is the pixel size limit?

- How would we go about positioning the headers? (For example: on top of the navigation bar, centered, etc.)

- How do we make the footer images different images (left 1, right 2)?

- Anyone know the code for this line of text here?
image.png

- how do you change the colour of those brown lines on your wolf page and how do you change the colour on 'event and games' once you hover over it?

- I have a gap between my navbar box and drop down menu. I can't use my drop down menu because it disappears when I move the cursor to the circled area. I'm not sure how to fix this without deleting everything and starting again. Is it because its hidden behind the weather/mush/apple bar?

- I need help finding the background image change thing, or something. I have bad eyesight so I might have skipped over it...all I see is changing colors for the background?

Self-reminder to read from pages 23 and before.


Edited at March 5, 2025 01:13 PM by Jack Frost
Custom Palette CSS stylesMarch 5, 2025 05:41 PM


Night Shade

Darkseeker
 
Posts: 472
#3090268
Give Award
So this works for desktop, but I can't seem to get the code to work for mobile. Is there a different code I should be using?

distant-lands said:
@Judgement
try this for the header image instead. postimg links work fine

/*--------------------------------------------------

Header Image

--------------------------------------------------*/


.col-md-7 {content: url(IMAGE URL HERE);

width: 40%;

}



Custom Palette CSS stylesMarch 5, 2025 05:57 PM


distant-lands

Darkseeker
 
Posts: 1348
#3090269
Give Award
i only use desktop so i wouldn't know, sorry :')
Custom Palette CSS stylesMarch 5, 2025 06:00 PM


Night Shade

Darkseeker
 
Posts: 472
#3090270
Give Award
Dang, lol
I primarily use mobile, but code on desktop. :(
Custom Palette CSS stylesMarch 5, 2025 06:01 PM


TheCuteHuskyPack

Darkseeker
 
Posts: 1436
#3090271
Give Award
Night Shade
I'll work on it for a bit and see if I can find something to work on mobile
Custom Palette CSS stylesMarch 5, 2025 06:02 PM


Night Shade

Darkseeker
 
Posts: 472
#3090272
Give Award
I'd appreciate it, thank you so much!

TheCuteHuskyPack said:
Night Shade
I'll work on it for a bit and see if I can find something to work on mobile


Custom Palette CSS stylesMarch 6, 2025 12:36 AM


Eno

Darkseeker
 
Posts: 457
#3090309
Give Award
Night Shade said:
I'd appreciate it, thank you so much!

TheCuteHuskyPack said:
Night Shade
I'll work on it for a bit and see if I can find something to work on mobile




Code for mobile background is
body.nightbody // body.daybody
should work on both desktop + mobile ^^
Custom Palette CSS stylesMarch 6, 2025 12:52 AM


Eno

Darkseeker
 
Posts: 457
#3090310
Give Award

Judgement said:
I finally got the header to work, thanks all! Next question:
Is there any way to move my wolf header down an inch so that my image is sitting directly on the navigation bar?


Yes, you can use padding-top: 0px; in your generic box code
.genericbox.tableshadow.primary {padding-top: 0px;}
that should get rid of that annoying gap between your navigation bar and header ^^
Custom Palette CSS stylesMarch 6, 2025 05:44 AM


Night Shade

Darkseeker
 
Posts: 472
#3090312
Give Award
Thank you it's working now!

Eno said:
Code for mobile background is
body.nightbody // body.daybody
should work on both desktop + mobile ^^


Now I'm just looking for the codes for the header on mobile.

Edited at March 6, 2025 12:44 PM by Night Shade
Custom Palette CSS stylesMarch 6, 2025 12:51 PM


Judgement

Darkseeker
 
Posts: 147
#3090339
Give Award
Edit: The code does work, I just forgot to enclose the box code last time.
For Others: This is the code for adding a header where the wolves are on the top of the navigation bar, it will be placed directly on top with no gap. Hope this helps somebody!

/*--------------------------------------------------

Header Image

--------------------------------------------------*/


.col-md-7 {content: url(your link here);

width: 40%;

.genericbox.tableshadow.primary {padding-top: 0px;

}


Edited at March 7, 2025 11:26 AM by Judgement

Forums > Member Help > Guides
   1   ..    40    41    42    43 

Refresh