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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.