Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Drop shadow in center column


  #1  
Old Jun 13, 2009, 09:37 PM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Is there a way to create a drop shadow effect going down each side of the center column? I tried messing with the column settings using background and an image, but I can't get it to look right. Can any one point me in the right direction?
  #2  
Old Jun 14, 2009, 08:02 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
Just to clarify. This is what I am trying to do (see attached).
Attached Thumbnails
Click image for larger version

Name:	shadow-test.jpg
Views:	1413
Size:	107.9 KB
ID:	160  
  #3  
Old Jun 14, 2009, 08:06 AM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
That's pretty. I'd like to know too. What is the URL of that page? We could use Firebug to see how it was done.
  #4  
Old Jun 14, 2009, 09:22 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
It's my site (www.mikerielly.com) but I made the image using Photoshop. That is the effect I am trying to create.
  #5  
Old Jun 17, 2009, 05:22 AM
kal's Avatar
kal
 
149 posts · May 2009
Rhode Island
*bump* anyone?
  #6  
Old Jun 17, 2009, 06:16 AM
juggledad's Avatar
juggledad
 
23,545 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You must remember a couple things.

(1) the center column can vary in size - compare the center column on a blog page with 10 full posts vrs a single post page

(2) the center column can have multiple posts and each post is in a container that rest atop the center column, commonly, these post containers are seperated by some degree so there would be a gap between them

the problems that come up are how big to make a background image for the center column and how to repeat it. Remember that not only can the height of the center colum change, but if you are not using a fixed width page size, the width of the center column can change.

to see what I mean, add the following to ATO->Center->Center column style
HTML Code:
background-image: url(./wp-content/themes/atahualpa/images/inputbackgr-red.gif);
background-repeat: repeat;
and look at how it shows up on several of your pages.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 18, 2009, 07:39 PM
PrettyChicky
 
8 posts · Jun 2009
There's a post on this here as well- that's how I figured mine out. www.prettychicky.com

http://forum.bytesforall.com/showthr...+shadow+center

U have to create a background image and then use "top center repeat-y". Flynn gives an image in the post- but I created my own.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to create (drop) shadow effect around the layout container ? chris2009 Atahualpa 3 Wordpress theme 13 May 24, 2012 03:31 PM
Center Column Overlapping Right Sidebar nselegzi Sidebars & Widgets 11 Dec 1, 2009 06:18 PM
Center Column chiaxiong Atahualpa 3 Wordpress theme 1 Apr 8, 2009 06:28 PM
Center column content not displaying in IE Bourbonthrall Atahualpa 3 Wordpress theme 2 Mar 2, 2009 01:37 PM
Need drop shadow added to the body of my post's nickcee Atahualpa 3 Wordpress theme 1 Feb 26, 2009 06:21 PM


All times are GMT -6. The time now is 07:07 AM.


Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.