backgrounds

May 26th, 2014 at 01:28 PM
User 458539 Photo

Byron Tipping
Registered User
1,584 posts

Hello CC users

I am trying to learn how to put a background in a particular row

IF I have a row I have tag named header I would like to put a background image into that row only. Two variations - would like to put a small slice of a fill and repeat it or place a jpg png behind the copy I have

http://tippingproductions.com/tpc/demosite9/

thanks in advance

Byron
May 26th, 2014 at 01:56 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

Here is an example from a website I am developing

.row.row-1 {

background-color: green;
background-image:url("../images/topbg.png");
background-repeat:repeat-x repeat-y ;
border-style:solid;
border-bottom:solid #f1373a;
box-shadow: 10px 10px 5px #888888;

}


This gives the background image to my header that can be viewed here.
http://misterwebguy.com/KMSWebsite/
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2014 at 02:12 PM
User 458539 Photo

Byron Tipping
Registered User
1,584 posts

do I put that in the main.css ?
May 26th, 2014 at 02:30 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

No you should never modify the main.css because if you export your layout again it will over write this css.

I create a custom.css and place all my customizations in there then link it to your layout pages.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2014 at 02:43 PM
User 458539 Photo

Byron Tipping
Registered User
1,584 posts

Makes sense - I come from Dreamweaver and was using absolute positioning. I amd now using RLM and CC HTML Editor and my css training has holes it it! Is there something I can read as to how do that?

Thanks

Byron
May 26th, 2014 at 02:44 PM
User 458539 Photo

Byron Tipping
Registered User
1,584 posts

So lookling at your s I need to rename my header row?

May 26th, 2014 at 02:51 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

No you dont have to rename it. I located the row i wanted the background and used the code to add the background. So you need to locate your header row and use it instead.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2014 at 02:54 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

Here is a good resource to use
http://www.coffeecup.com/help/articles/ … art-guide/
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
May 26th, 2014 at 03:45 PM
User 458539 Photo

Byron Tipping
Registered User
1,584 posts

Tell me if this is a bad thing to do - Put a background color in the header area. Then saved and open in Editor. took color command out and placed this

body > .row.row-1 {
background-image:url("../images/banner.png");

Thanks for the colde I would have never figured that one out

thanks again

Byron
May 26th, 2014 at 04:17 PM
User 2088758 Photo

Steve
Senior Advisor
3,086 posts

You're very Welcome,

Did you make the change I didn't notice anything yet?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.