groogruxking40 Posted September 21, 2009 Report Share Posted September 21, 2009 Hey everyone.. If you look at my main page www dot christiancouriernewspaper dot com / blogbase where it says WELCOME TO CHRISTIAN COURIER E-PAPER... I would like to install Twitter+Facebook icons where it says Follow us following Him at I put in the hyperlink and image in the description and what happens is it puts it underneath the box and the third column of the blog goes underneath the second column any idea on how to insert those 2 icons without my 3rd column going anywhere?? Appreciate the help Quote Link to comment Share on other sites More sharing options...
falkencreative Posted September 21, 2009 Report Share Posted September 21, 2009 I put in the hyperlink and image in the description and what happens is it puts it underneath the box and the third column of the blog goes underneath the second column any idea on how to insert those 2 icons without my 3rd column going anywhere?? You should be able to insert those icons in that location without any trouble. It probably has something to do with the way you are inserting them. Perhaps post a link to a page where the icons are inserted, and we can troubleshoot from there? Quote Link to comment Share on other sites More sharing options...
groogruxking40 Posted September 21, 2009 Author Report Share Posted September 21, 2009 I put in the hyperlink and image in the description and what happens is it puts it underneath the box and the third column of the blog goes underneath the second column any idea on how to insert those 2 icons without my 3rd column going anywhere?? You should be able to insert those icons in that location without any trouble. It probably has something to do with the way you are inserting them. Perhaps post a link to a page where the icons are inserted, and we can troubleshoot from there? In wordpress I go into my Dashboard.. then Pages.. then Description, all the editing is done there, its a full WSYWIG editor. this is the code I'm putting into that box right after FOLLOW US FOLLWING HIM AT... thank you for replying Quote Link to comment Share on other sites More sharing options...
falkencreative Posted September 21, 2009 Report Share Posted September 21, 2009 Try this... (it worked for me). Add "clear:left;" to your ".span-4" (compressed.css, line 63) Add "clear:right" to your ".span-3" (compressed.css, line 62) Add "overflow:auto" to #home_about (style.css, line 101) Quote Link to comment Share on other sites More sharing options...
groogruxking40 Posted September 21, 2009 Author Report Share Posted September 21, 2009 Try this... (it worked for me). Add "clear:left;" to your ".span-4" (compressed.css, line 63) Add "clear:right" to your ".span-3" (compressed.css, line 62) Add "overflow:auto" to #home_about (style.css, line 101) ok.. let me make sure I got this right.. this is my span-4 and span-3? #menu li span { display: block; float: left; padding: 0 0px 0 22px; } #menu li span.home { background: url(images/bg/Home.png) no-repeat; } #menu li span.adrates{ background: url(images/bg/Ok.png) no-repeat; } #menu li span.archives { background: url(images/bg/Key.png) no-repeat; } #menu li span.subscribe { background: url(images/bg/Dots.png) no-repeat; } #menu li span.contact { background: url(images/bg/Email.png) no-repeat; } #menu li span.advertize { background: url(images/bg/Computer.png) no-repeat; } #menu li span.calendar { background: url(images/bg/Calendar.png) no-repeat; } #menu li span.churchlist { background: url(images/bg/Health.png) no-repeat; } #menu li span.bizlist { background: url(images/bg/Link.png) no-repeat; } so span 3 would be archives? and span 4 would be subscribe? where do i put it? at the end, inside, with quotes, etc..? and then here is my #homeabout /* about */ #home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 1.0em 0.7em 0 0.7em; } #home_about p { font-size: 0.9em; font-family: tahoma; text-align: left; } so I would put overflow:auto where? after the } inside? with quotes? thanks again for helping me through this Quote Link to comment Share on other sites More sharing options...
groogruxking40 Posted September 21, 2009 Author Report Share Posted September 21, 2009 Try this... (it worked for me). Add "clear:left;" to your ".span-4" (compressed.css, line 63) Add "clear:right" to your ".span-3" (compressed.css, line 62) Add "overflow:auto" to #home_about (style.css, line 101) also.. I dont have compressed.css I just have style.css where is my compressed.css file? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted September 21, 2009 Report Share Posted September 21, 2009 Compressed.css is here: http://www.christiancouriernewspaper.com/blogbase/wp-content/themes/themasterplan_tma_v1.4/tma/lib/compressed.css You need to modify line 62 and 62 to this: .span-3{width:190px; clear:right;} .span-4{width:260px; clear:left;} And you need to modify line 101 in your style.css to this: #home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 1.0em 0.7em 0 0.7em; overflow:auto; } Quote Link to comment Share on other sites More sharing options...
groogruxking40 Posted September 23, 2009 Author Report Share Posted September 23, 2009 Compressed.css is here: http://www.christiancouriernewspaper.com/blogbase/wp-content/themes/themasterplan_tma_v1.4/tma/lib/compressed.css You need to modify line 62 and 62 to this: .span-3{width:190px; clear:right;} .span-4{width:260px; clear:left;} And you need to modify line 101 in your style.css to this: #home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 1.0em 0.7em 0 0.7em; overflow:auto; } WORKED!! thank you thank you thank you Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.