• Resolved Stolle7

    (@stolle7)


    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 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Access Keys

    (@access-keys)

    Hi there,
    We tried inspecting your site (http://www.akie-skat.dk) and found the website was no more available. Please let us know once your site is live so that we can help.
    Thanks,

    Thread Starter Stolle7

    (@stolle7)

    Hi, thank you for the reply.
    Unfortunately I’ve made a misspell, and the correct address is:
    http://www.aktie-skat.dk

    Thread Starter Stolle7

    (@stolle7)

    It would seem that I have found a solution myself.

    I have changed the responsive.css so that all devices with a resolution of max 1200 and 1300 px gets the wished appearance, and all other devices above 1301 px gets it aswell.

    This way I keep the theme mobile friendly, and still getting the wished result 🙂

    I’ll just wait a bit with changing the status to resolved, in case I have done something I shouldn’t have 😉

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Box-shadow &’ is closed to new replies.