backround to stand out!

catezapp · Member · Jun 4, 2014 at 7:52 am
Copy link

Add topic to favorites
Hi,i have the illustratr theme which i love.Just recently have a new backround,which i want to stand out.i would need to have a trasparant page so the backround will show more!thanks

The blog I need help with is: (visible only to logged in users)
gracejiyoung · Member · Jun 5, 2014 at 12:13 am
Copy link
Hi there,

You can make it transparent by adding this to your CSS:
```
#page {
	background: transparent;
}
```
Feel free to reach out if you have any questions!
catezapp · Member · Jun 6, 2014 at 8:47 am
Copy link
Thank you,I will try!And to do the same thing,for the footer?
vinoddalvi · Member · Jun 6, 2014 at 12:38 pm
Copy link
Hi @catezapp,

To do the same thing for the footer you can use the following code.
```
.site-footer {
     background: transparent;
}
```
Or combine the code as follwoing.
```
#page,
.site-footer {
     background: transparent;
}
```
Best Regards,
Vinod Dalvi
catezapp · Member · Jun 6, 2014 at 12:40 pm
Copy link
Thanks a lot
vinoddalvi · Member · Jun 6, 2014 at 12:48 pm
Copy link
You are most welcome, if I can be of any further assistance please don’t hesitate to ask :)
catezapp · Member · Jun 8, 2014 at 7:14 am
Copy link
How to put,the same backround ,for pages and widget aerea?thanks
vinoddalvi · Member · Jun 8, 2014 at 7:42 am
Copy link
Hi @catezapp,

I think the above provided CSS solution should also work for pages.

Could you please share me the page link where it is not working and also the page link where widget area is displayed?

I think the content of the pages is password protected therefore i can’t see it. If this is the case then please make the content accessible for me temporary.

Regards,
Vinod Dalvi
catezapp · Member · Jun 8, 2014 at 8:16 am
Copy link
this is thewisget aerea and this an article, which apparently worls.article can the bavkround be, on the titles pf the articlee?can the fonts of the postds be light purple inste<d on black?thans
thesacredpath · Member · Jun 9, 2014 at 5:50 pm
Copy link
Hi there, if I’m understanding you correctly you want to change the color of the page and post titles to a light purple. The following changes them to the color you have used in the content area. You can adjust that as you desire.
```
.page-title a, .entry-title a {
    color: #EFC7F3;
}
```
catezapp · Member · Jun 9, 2014 at 5:57 pm
Copy link
No.I would like to have the same backround i have there
thesacredpath · Member · Jun 9, 2014 at 6:29 pm
Copy link
Ah, ok. Give the following a try and see what you think. I’ve adjusted things so that the post title area and the content area have no gap in between them so that the color appears solid from above the title to the bottom of the content area.
```
.page-header, .entry-header {
    background: #EFC7F3;
    padding-top: 30px;
}
.page-header:after, .entry-header:after {
    background: none;
}
.entry-content {
    margin-top: 0;
}
```
catezapp · Member · Jun 10, 2014 at 7:13 am
Copy link
Thank you i will try
catezapp · Member · Jun 10, 2014 at 3:43 pm
Copy link
How looks quite nice!how to eliminate the purple of the articles comments and widget aerea to do the same thing,but still make the articles readeble?is it feaseble?
thesacredpath · Member · Jun 10, 2014 at 4:01 pm
Copy link
Great. To remove the purple background on the comments area, remove the the following from your custom CSS.
```
.comments-area {
    background: #EFC7F3;
    padding: 5px 10px;
}
```
To remove the purple from the widgets, remove the following in your custom CSS.
```
.entry-content, .widget {
    background: #EFC7F3;
    padding: 1em;
}
```
Let me know if I have misunderstood.

No items found.