Edit backgrounds in a sidebar

Hi!

I'm working in a blog and I would like the sidebar (http://lllu.es/realfooding/2017/01/16/entrada-5/) to look as much as possible to the sidebar I have built using the builder on the "Blog" page (http://lllu.es/realfooding/).

Is it possible to remove the lines using css?  And include backgrounds in each section of the sidebar?

Thanks!




Comments

  • Hi,

    1. Which lines in sidebar you want to remove exactly? There is few different.

    2. There is already background in sidebar so what else you would like to do with this background?
  • Hi!

    The sidebar of the blog entry, is a sidebar made through widgets, through the appearance options of WordPress.

    The bar that I have built in "Blog", is made using Muffin Builder, so I can put background images and differentiate blocks through background colors and margin elimination.

    I would like to know if through CSS code, in the "appearance" options I might be able to build a sidebar just like with Muffin Builder in "Blog" because blog entries will not be made through Muffin Builder, but with the traditional WordPress content tools but I need both sidebars to be identical.

    I hope I have been able to explain my best, I am Spanish... :)
  • Thanks for complete explanation and know we know very well what we are talking about. On http://lllu.es/realfooding/2017/01/16/entrada-5/ whole sidebar is yellow but on http://lllu.es/realfooding/ different widgets has different backgrounds (some solid color, some background images). Second page was based on wraps and columns and that's why it won't be possible to achieve same effect for regular sidebar unfortunately as was built totally different.


  • Hi!

    I'm getting as close as possible (http://lllu.es/realfooding/2017/01/16/entrada-5/). I've added in CSS Options:

    .widget { padding-bottom: 0px; margin-bottom: 0px; position: relative;}
    .widget-area { border-style: none; padding:0px; position: relative;}


    I am including the css of each widget text to mimic the structure of the other page. For example:
    <div style="background: #fc9a38; padding: 40px 20px 20px 20px; text-align: center;">
    <h4><font color="white"><b>PLAN REALFOODING</b></font></h4>
    <button style="background-color:"#e4e474;" size="default">
    <font color="white"><b>SABER MÁS</b></font>
    </button>
    </div>

    (In a text widget)

    I have only one twitter plugin to fix.

    I wanted to ask you something else: is it possible to use the popular post option of Muffin as a shortcode in a widget? Because WordPress only gives option to include recent posts, not popular post and I would like it to stay the same as this page: http://lllu.es/realfooding/

    Thanks!
  • We know how you did those sidebars but like we said above, it is not possible to achieve exactly the same layout for both. We do not have anything like popular posts and the only widget available is recent posts just as you said.
  • edited February 2017
    No problem, I'll fix it with plugins and all done :)
    Thank you!
Sign In or Register to comment.