Couple Questions

[jmwalshParticipant]

My site is http://www.driscollwalsh.com

1. On the main page I want to move the text and sidebar to right below the slider images.

2.  I want eliminate the space between main text and sidebar

3 I would like to change the background color of the sidebar to dark blue.

[Bryan HadawayKeymaster]

1. Use:

#slider-wrapper {
margin-bottom: 0 !important;
}

2. Use:

#content.eight.columns {
margin-left: 0;
width: 65.9%;
}
#sidebar.four.columns {
margin-left: 0;
width: 32.2%;
}

3. Use:

.widget-container {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 4px 4px 4px 4px;
box-shadow: none;
color: #222222;
margin-bottom: 20px;
padding: 0 10px 10px;
}
.widget-title {
border-radius: 4px 4px 0 0;
color: #EEEEEE;
font-size: 18px;
margin: 0 -10px;
padding: 2px 10px;
text-shadow: none;
}

http://cyberchimps.com/question/pro-custom-css/

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[jmwalshParticipant]

Thanks. I don’t think the first code work but it looks pretty good. Is it possible to only have 3 footer boxes instead of 4?

[Bryan HadawayKeymaster]

Yes, remove the fourth box you don’t want and I’ll help style it for you.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[jmwalshParticipant]

I removed the 4th box. Thanks for all your help

[Bryan HadawayKeymaster]

footer .row .three {
width: 30.4%;
}

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[jmwalshParticipant]

Bryan
It didn’t seem to change anything

[Bryan HadawayKeymaster]

Sorry, it’s:

#footer .row .three {
width: 30.4%;
}

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[jmwalshParticipant]

Thanks for the help. One last question for now. Can i decrease the margins on the left and right side? about half of what they are right now.

[jmwalshParticipant]

1. Also want to see if I could center the footer content. All text centered in the center column. Left all the way to the left and right all the way to the right.

2. When i click on the blogs that are contained in the blog archive in the footer (once an individual post is selected) the format changes and I can\’t figure out how to edit it to make it look uniform.

Thanks again

[Bryan HadawayKeymaster]

Just reduce 30.4 as needed.

1. I think I’m misunderstanding because to me at least it already appears the way you’re requesting.

2. You might check under Templates in your theme options.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[jmwalshParticipant]

Ok. I think I fixed the blog issue. Thank you.

1. The left and right margins for the whole page are too big on a normal computer screen. For example when on the ipad it looks good but a 17 inch screen the side margins are very wide.

2. When I am referring to the ext being centered in the center column. I meant like if i were to highlight it in word and press the center text icon.

[Bryan HadawayKeymaster]

1. Use:

.row {
max-width: 100%;
}

Note that while using the layout this way will be tricky for the slider.

2. If I’m already misunderstanding, I’m still not sure.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[Author]

Posts