Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    55
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Position background-image inside div without affecting the rest

    Hey guys, I'm kind of in a pickle right now. I am trying to modify a template for a client and the client wants this "wrap around" effect as shown below:



    This is a joomla template which can be found here
    http://demo.rockettheme.com/joomla25/voxel/
    I'm developing on my local machine so I can't share the exact template, but all I am doing is changing it around with a single override css file.

    Now my question is how can I add that blue wrap around effect (if possible with just css). Currently i have a class added (.pseudo-shadow) to the entire module container. If you right click on the slideshow image (on the rockettheme site) and inspect with firebug, I added that class to the line where it says

    Code:
    nopaddingleft nopaddingright nopaddingtop
    so it looks like:

    Code:
    nopaddingleft nopaddingright nopaddingtop pseudo-shadow
    However that puts the little triangle in the top left corner and moving it around is not working because everything else is moving along with it.

    I'd rather do all of this with css without touching core files, but if there is no other way, i'll go in and twinkle the codebase around.
    Last edited by Ortix; 09-19-2012 at 12:32 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Now my question is how can I add that blue wrap around effect
    Please be specific by taking a screen shot and mark the area that you are talking about.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    55
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Please be specific by taking a screen shot and mark the area that you are talking about.
    I did... it's marked in the ONLY image in my post with a huge red marker..

  • #4
    New Coder
    Join Date
    Aug 2009
    Posts
    55
    Thanks
    5
    Thanked 0 Times in 0 Posts
    I updated the image, hopefully it will work now.. stupid postimage.org


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •