How to Remove Ribbon Banner from Adelle Theme

tarapook · Member · Apr 13, 2014 at 9:05 pm
Copy link

Add topic to favorites
Hello,

Is it possible to remove the ribbon banner from the Adelle theme with a CSS code?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 13, 2014 at 9:32 pm
Copy link
This is not a CSS solution. I uploaded a white image sized 1050 × 122 as a Background and that eliminated the pink bubbles.
thesacredpath · Member · Apr 13, 2014 at 9:42 pm
Copy link
@tarapook, it seems that you have gotten this taken care of with the following CSS on Adelle:
```
.site-container {
    background-image: none;
}
```
Please let us know if you have any further questions or problems.
timethief · Member · Apr 13, 2014 at 9:43 pm
Copy link
@thesacredpath
Did I make you laugh? ;)
thesacredpath · Member · Apr 13, 2014 at 10:20 pm
Copy link
Your solution works too, @timethief and it doesn’t require the upgrade. :)
timethief · Member · Apr 13, 2014 at 10:21 pm
Copy link
True but I only posted it to make you laugh. :D
tarapook · Member · Apr 14, 2014 at 12:21 am
Copy link
I took care of the pink dots a while ago, but I wanted to get rid of the ribbon banner (which I have colored black) but keep the black circles that the blog post dates are found in.
thesacredpath · Member · Apr 14, 2014 at 1:21 am
Copy link
@tarapook, add the following CSS which gets rid of the pointy end thingies on the Adelle menu.
```
.navigation-main:before, .navigation-main:after {
border: none;
}
```
tarapook · Member · Apr 14, 2014 at 3:12 am
Copy link
Thanks @thesacredpath, but is there a way to get rid of the menu bar entirely while keeping the text?
thesacredpath · Member · Apr 14, 2014 at 6:26 pm
Copy link
You didn’t mention what you wanted done with the submenus, so I turned them white as well. I’ve put a very light grey border on the submenus so that they don’t just float in nothingness. See what you think.
```
.navigation-main:before, .navigation-main:after {
    border: none;
}
.navigation-main ul li a {
    color: #000;
}
.navigation-main ul ul {
    background: none;
    border: 1px solid #efefef;
}
```
tarapook · Member · Apr 15, 2014 at 2:11 pm
Copy link
Thanks @thesacredpath! Btw, do you also know how to get rid of those squiggly lines in the sidebar?
tarapook · Member · Apr 15, 2014 at 2:13 pm
Copy link
Oh wait, one more thing, am I able to change the font color for the date? When I change the first accent color to white, the font turns gray. I’d like it to be black.
thesacredpath · Member · Apr 15, 2014 at 6:06 pm
Copy link
For the squiggly lines, add the following to hide them.
```
.widget {
background: none;
}
```
For the date, add the following and edit the color code as desired.
```
.entry-date, .entry-day {
    color: #cc0000 !important;
}
```
thesacredpath · Member · Apr 19, 2014 at 3:20 pm
Copy link
It has been quite a while since this thread was active, so I am going to mark it as resolved. If you have further questions or problems, please feel free to start a new thread. I see you have gotten the widget squiggly line hidden with the above code.

Thanks.

No items found.