Adelle customization. Confetti, footer and sidebar widget motif

helloladyblog · Member · Apr 30, 2014 at 8:14 pm
Copy link

Add topic to favorites
Hi WordPress Wizards!

Wondering if anyone knows the following CSS customizations for the Adelle Theme:

1. Eliminating the confetti at the top of the page.

2. I removed the wild zig zags from in between each section in the sidebar widget, but it looks a little sparse. Do you know of a way to replace with a different simple motif such as dots or a line?

3. How to add a copyright to the footer.

Thanks! You’re awesome.

The blog is at helloladyblog.wordpress.com

The blog I need help with is: (visible only to logged in users)
hafizr · Member · Apr 30, 2014 at 11:03 pm
Copy link
Hi there!

1. Eliminating the confetti at the top of the page.

Use this CSS:
```
.site-container {
    background: none;
}
```
2. I removed the wild zig zags from in between each section in the sidebar widget, but it looks a little sparse. Do you know of a way to replace with a different simple motif such as dots or a line?

Here are two ideas. Add a line:
```
#secondary .widget {
    border-bottom: 1px solid #dddddd;
}
```
Or, add a dotted line:
```
#secondary .widget {
    border-bottom: 1px dotted #dddddd;
}
```
(Feel free to change the color to something better; my example looks pretty bad compared to the rest of your site)

3. How to add a copyright to the footer.

Choose one of these, depending on the position you want.

Before the “Hello Lady” text:
```
#infinite-footer .blog-info:before {
	content: '© 2014 Your Name '
}
```
After the “Hello Lady” text:
```
#infinite-footer .blog-info:after {
	content: ' © 2014 Your Name'
}
```
Before the “Blog at WordPress.com” text:
```
#infinite-footer .blog-credits:before {
	content: '© 2014 Your Name '
}
```
Or, after the “Customized Adelle Theme” text:
```
#infinite-footer .blog-credits:after {
	content: ' © 2014 Your Name'
}
```
Hope this helps!
helloladyblog · Member · May 1, 2014 at 1:26 am
Copy link
Thank you so much! Worked perfectly!

Is there a way to put a copyright on the banner graphic at the bottom of the page so that it’s static?

Double thank you!
thesacredpath · Member · May 1, 2014 at 2:01 am
Copy link
Hi there, add the following CSS and see what you think. You can edit the content field to say what you want it to say. This puts your text left aligned and the existing footer credits right aligned. I’ve included some other declarations so that you can style your copyright if you wish. Any you don’t need you can remove.
```
.site-info:before {
    content: "My Copyright here";
    font-size: 110%;
    font-weight: bold;
    display: inline;
    float: left;
    letter-spacing: 0.8px;
}
.site-info {
    text-align: right;
}
```
helloladyblog · Member · May 1, 2014 at 2:16 am
Copy link
Eureka! That looks awesome, thanks a million! Really appreciate it!
thesacredpath · Member · May 1, 2014 at 2:16 am
Copy link
Great! You are welcome.

No items found.