XF 2.2 CSS border and background questions.

I'm working on replicating an old VB style in Xen. I have been able to inspect and change item #1 and #2, (colors and thickness just set temporarily for testing and clarity) in extra.less via
Code:
/* Post message inner */
.message-inner {
    border: 15px solid red;
    border-radius: 10px
}

/* Post message block */
.block--messages {
    border: 15px solid green;
    border-radius: 10px
}

I'm having trouble changing #3 (ALL blocks background) to color rgb(247,244,231) because I haven't been able to figure out what sets the ALL block background color.
Current:
currentm.jpg

Old VB:
oldm.jpg

Also want change the green #1 border to this gif and have it extend all the way from navbar to footer like this (two images are below - (old top and bottom VB forum.}
Left border gif = pg_left.gif

Also, can a url path be set to relative instead of absolute?
Code:
/* Postbit bakground image */
.message-cell.message-cell--user {
    background-image: url(https://jeep-cj.com/community/styles/jeepcj/postbitimage160w.png); <<Absolute only??? 
    background-repeat: no-repeat;
    background-position: left bottom;
}

This is the old VB forum - https://web.archive.org/web/2016011...atic-locker-opinions-wanted-25767/#post215414

Same thread in Xen - https://jeep-cj.com/community/threads/front-diff-automatic-locker-opinions-wanted.25767/


Can this be done? Some help with the code code would be appreciated.
 

Attachments

  • lefttopvb.JPG
    lefttopvb.JPG
    34.3 KB · Views: 0

nicodak

Well-known member
Also, can a url path be set to relative instead of absolute?
Code:
/* Postbit bakground image */
.message-cell.message-cell--user {
background-image: url(https://jeep-cj.com/community/styles/jeepcj/postbitimage160w.png); <<Absolute only???
background-repeat: no-repeat;
background-position: left bottom;
}
Not necessarily background-image: url(community/styles/jeepcj/postbitimage160w.png); could work

I'm having trouble changing #3 (ALL blocks background) to color rgb(247,244,231) because I haven't been able to figure out what sets the ALL block background color.
Did you try .p-body-content ?
 
Top