Box-shadow &
-
As the topic suggests, i would like to give my homepage a box-shadow and then I would like to know where I can find the elemennt for <div id=”content”> in the php files?
I wish to give the container around the content (main and sidebar(s)) a box-shadow while in full-Width “mode”. This does however seem to be quite tricky, and so far i’ve come up with a few ideas as of how to do this:
As #content seems to be 100% Width in full mode i thought about shrinking this to a fixed amount of pixels (1100px in my case) and this has worked with the following code:
#content{ padding: 20px 0; margin-top: 10px; margin-bottom: 10px; background-color #fff; Width: 1100px; margin-left: Auto; margin-right: auto; box-shadow: 0px 0px 10px #666; }However i’m not quite sure if it’s “alright” to do it this way, or if it will conflict with some other coding? (Im not an experienced coder, i’m just doing it by trail-and-error :b). Here i’m thinking specifically on fixed Width and the auto margins.
Furthermore I thought about creating a new “.ak-container” for the main content and do it that way (change the name of the .ak-container in the page.php file), however that way I would end up with the same code as mentioned above.
Then i also thought about changing the <div id=”content”> so that it simply wouldn’t be full-width (100% i guess), however now i’ve spent hours trying to find that element and i simply can’t find it! :O
I’ll look forward to hearing from your, and hopefully some help 🙂
Oh and by the way, the homepage is: http://www.akie-skat.dk
And yeah it’s a bit far from the original design, but your theme just worked great given my wish for the look of my homepage 🙂
The topic ‘Box-shadow &’ is closed to new replies.
