Where To Find Thread Buttons in Style Sheet

[clemie]

I'm trying to find these "buttons" so I can change the color of them but I just can't seem to find them any where



^-^ any help would be appreciated <3

[Tumbleweed]

Jan 29, 2017 8:36:14 GMT -8 clemie said:

I'm trying to find these "buttons" so I can change the color of them but I just can't seem to find them any where



^-^ any help would be appreciated <3

It's going to be in between lines 486 and 588 under paginated menu but I'd suggest just adding any style corrections to the bottom of your style sheet to over-ride anything further in the style sheet that might change that plus it is easier to remember where to find something you changed if you change your mind.  Like:

/* change prev next */
.ui-pagination li.state-selected > a {
color:#ffffff!important;
background-color:black;
}
.ui-pagination li.state-disabled>a {
color:#ffffff!important;
background-color:black;opacity:1;
}
.ui-pagination li.state-disabled > a:hover {
color:#ff0000!important;
background-color:green!important;
}

[clemie]

Thank you so much ^_^!

If you don't mind if I ask another question here, I figured it was best instead of making another thread.

Is there a way to make the Banner image stretch by putting something in the style sheet? It keeps repeating for me no matter how large I make it.

[elli]

clemie

background-repeat: no-repeat;

That will keep it from repeating if you don't want to stretch it

background-size: cover;

That will make it stretch to fit. You might need to set a width and height on the banner.

Apply these styles to #banner

[clemie]

It didn't change anything, I tried a few things when the first time I pasted them didn't work o:


/* Header */
@banner_background_repeat: no-repeat;
@banner_text_font: normal normal bold 30px "Trebuchet MS", Verdana, Arial;
@banner_text_decoration: none;
@banner_text_case: none;
@banner_text_caps: normal;
@banner_text_shadow: 2px 2px 2px @shadow_color;
@background-size: cover;
header { display: block; position: relative; margin-bottom: 10px; }
#banner-container { display: table; width: 100%; border-top: 10px solid @color_004;}
#banner { display: table-cell; height: @banner_height; background-color: @banner_background_color; background-image: @banner_background_image; background-position: @banner_background_position; background-repeat: @banner_background_repeat; vertical-align: middle; padding: 0px 20px; text-align: @banner_text_align; overflow: hidden; background-size: cover; }
a#logo { vertical-align: middle; color: #ebebeb; font: 70px 'Oswald'; text-align: center; display: block; }
a#logo:hover { color: @banner_text_color !important; text-decoration: @banner_text_decoration !important; }


It still repeats for some reason owo prntscr.com/e2vyqq I'll continue to work with it and try to figure anything out, perhaps i'm adding it wrong o: ?

[elli]

clemie Hm, could you post a link to your board? I could fix it a lot easier with dev tools.

[clemie]

yes c: here you are beginningofhistory.boards.net/

[elli]

clemie Oh! Your banner isn't the default ProBoards banner. Try this:

#ow_sec01 {
   height: 90vh;
   background-image: url(http://img12.deviantart.net/1c34/i/2017/006/c/c/beginning_of_history_by_tinykiing-dauiff9.png);
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
}

[clemie]

Thank you so much ^_^ it works great now!