How do i make a sidebar background color? [closed]

The simplest way to create the solid color side bar is with this CSS:

#branding { background-color: #ffffff; }
#page { background: #ffffff url(path_to_image) repeat-y; }

Replace #ffffff with the appropriate color used in your template (if they are different). The “path_to_image” would need to be pointed to an image file that is 1000px wide and 1px high. The image itself would contain the sidebar color starting about 800px from the left.

Related Posts:

  1. customizing recent posts
  2. Duplicate and alter sidebar for Twenty Eleven
  3. WordPress Twenty Fourteen Theme Sidebar
  4. Move Sidebar from Above Content To Below When Responsive [closed]
  5. Sidebar missing from Homepage
  6. why does this text overlaps in the sidebar?
  7. WordPress sidebar content moving to bottom of page
  8. Need to make sidebar responsive only when screen width is greater than 1024px
  9. Style sidebar for a custom page template exclusively
  10. Sidebar at bottom however I have completely replaced theme folder back to original code
  11. Twenty Fourteen Theme – Moving left sidebar to the right
  12. Change sidebar product category text color (woocommerce) [closed]
  13. IE 6~8 ignoring font, background, and margins on sidebar [closed]
  14. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  15. Vertically align text within a div
  16. create a white rgba / CSS3
  17. Insert image after each list item
  18. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  19. How to completely remove borders from HTML table
  20. How to fix a footer overlapping content?
  21. What is element.style and why is it overriding my css settings?
  22. What’s the HTML to have a horizontal space between two objects?
  23. HTML/CSS float: left; is not working properly
  24. CSS Div width percentage and padding without breaking layout
  25. CSS div width not working
  26. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  27. CSS background-image – What is the correct usage?
  28. Set bootstrap modal body height by percentage
  29. Click through div to underlying elements
  30. How can I fill a div with an image while keeping it proportional?
  31. Inner glow effect of button
  32. Remove top admin bar
  33. How to add a class to ul tags created by the WordPress editor Tinymce?
  34. Layout shop page: resize images and columns
  35. How can I remove css from a child theme?
  36. How to make float element in tinymce
  37. How to add 10 different css class to posts
  38. Can “ and “ tags be used in the HTML editor?
  39. Is there a default style.css
  40. Missing sidebar parameter “fix” – before_content
  41. Change color of audio player depending on user role
  42. How can I use PurifyCSS to clean WordPress style.css?
  43. WordPress CSS doesn’t update
  44. How to apply wordpress css styles to a jQueryUi dialog?
  45. create bootstrap columns inside editor group block
  46. Website scroll not working on SAFARI
  47. Old Site displays on Mobile View, not New Site
  48. No responsive design is displayed
  49. Child theme CSS not applying to element
  50. Set 3 iframes in a row
  51. Google yolo one tab signup plugin avilable in wordpress? [closed]
  52. Make CSS Changes To Only Affect Mobile Browser [closed]
  53. Disable File Editing function
  54. wp_enqueue_scripts and CSS
  55. User gets access denied to css files and js files even though user is logged in [closed]
  56. Can’t call custom css in style.php
  57. Getting values from options page to css
  58. How to remove sidebar primary widget on Mobile on category page [closed]
  59. Conditionally enqueue a stylesheet based off of a javascript click event
  60. WordPress 6 – inline container styles breaking my site
  61. How to make a difference between the portfolio list, and a portfolio item?
  62. What is the best method to have Dynamic CSS?
  63. how to stop the shaking effect on my homepage [closed]
  64. List item images perfect on Chrome/Edge, css fudged on FF/IE [closed]
  65. A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
  66. Cannot change hover color for links [closed]
  67. How do I get access to the CSS Editor
  68. prevent HTML output if custom field is empty [closed]
  69. Style product detail page with custom CSS in woocommerce
  70. Using variable to display a page with a different stylesheet
  71. How can I style an IFRAME element that has a constantly changing class name? [closed]
  72. JS button animation for ajax the WordPress style
  73. Adding a new block editor color option to a theme
  74. How to make jquery slider to start afresh [closed]
  75. Custom CSS based on the Author of a Post
  76. How to properly hide the div of an inline collapsible button?
  77. How to remove padding from left&right side
  78. How can we create our own formatting style?
  79. links format change “on clic”
  80. Blog Image and Title in Right Sidebar
  81. Is it better to add to style.css or create your own css when using a template?
  82. Hide Login Page Labels
  83. The placeholder text doesnt disappear
  84. Theme stylesheet not called properly on cloned website
  85. Content alignment in Twenty Fourteen Theme
  86. Color Picker – Theme options
  87. Extending site width according to the image size
  88. Animate.CSS with a child theme
  89. a slider menu is compromised in space
  90. Managing large CSS files [closed]
  91. How would I use a media query to make my entire theme responsive or fluid? [closed]
  92. Clear white line off page [closed]
  93. Strange symbols on page [closed]
  94. background changed after WordPress update
  95. How to make this splash page responsive
  96. Menu is not styled properly and footer as well [closed]
  97. Footer in middle of page in different browers [closed]
  98. Put CSS on TOP, how?
  99. How do I add JS and CSS to WP (Flatsome)
  100. Editing size of h3 tag in wordpress on a one-off basis