Changing background color of the Bar behind the page numbers

[toetapping]

Forum URL: nicetomeet.proboards.com

Changing the black color behind the number pagers.

I have gone to  color and theme creator. Container. Insider Board but the color won't change I put a different color in and it always goes back to black.

What  can I do to correct that.

Thank you.

[Retread]

Hi toetapping

From your Admin panel, navigate:
Admin Home> Themes> Advanced Styles & CSS, remain on the Visual Editor tab.

Make sure the desired theme is selected in the dropdown to the right of Current Theme

(It may be useful to navigate in the Preview Pane to a board or thread so the action bar is visible.)

Under the heading Forum, click on Body (Content) ... that section will expand.
Click on Containers ... that section will expand.
Click on Content Area Containers ... that section will expand.
Click on Action Bars ... that section will expand.
Change the Background Color by by clicking on the input field to right of those words. A color chooser will appear. Adjust the color to your liking then click the OK button on the right of the chooser. The chooser will disappear.

Click the Save Changes button at the bottom-left of the page or the Save Theme button near the top

---

Please let me know if that gets you where you want to go.

[Scott]

toetapping,

1. Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab.
2. Scroll to the bottom of the CSS and on a new line add this code:

.container > .control-bar {background-color:#4d7b86;}

(Change the hex color #4d7b86 to your desired color.)

3. Click the Save Changes button.

[toetapping]

Retread thank you for your help. I did Scott's as it was easier for me.

Thank you Scott.

[Retread]

May 25, 2020 12:21:01 GMT -8 toetapping said:

Retread thank you for your help. I did Scott's as it was easier for me.

Thank you Scott.

No worries. Easier is easier. Just remember that you've made this addition to that theme, if you ever need to modify the background color of that element again. It will overwrite the background-color that selected by the Visual Editor.