founaud Posted October 22, 2013 Share Posted October 22, 2013 Hi, I would like to add a shadow to the images I have in the center column on the frontpage. Now I have made changes in global.css, but they apply to all images, also the logo which looks rather funny. Where and how can I make changes that only apply to a part of the page or the specific module? Thanks in advance! Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted October 22, 2013 Share Posted October 22, 2013 Can you provide us with a URL? You will most likely need to find a div id or class near by the images you want to shadow and use that to narrow the effect. If you can provide a URL I can help better. Marty Shue Link to comment Share on other sites More sharing options...
founaud Posted October 22, 2013 Author Share Posted October 22, 2013 Unfortunately I still have the page on a local server. And I don't know how to work with the div id and class... Is it easier to let all images, except in the header, apply to the following that I have in the global.css? fieldset,img{border: none; margin-right:60px; box-shadow: 0 0 7px #2F4F4F; } Thanks a lot! Link to comment Share on other sites More sharing options...
vekia Posted October 23, 2013 Share Posted October 23, 2013 hello, can you show please some screenshot where exactly you want to add shadow effect? it will be much easier to give you solution. you can also use: fieldset,img{border: none; margin-right:60px; box-shadow: 0 0 7px #2F4F4F; } #header fieldset,img{border: none; margin-right:0px!important; box-shadow: none!important; } Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted October 23, 2013 Share Posted October 23, 2013 fieldset,img{border: none; margin-right:60px;box-shadow: 0 0 7px #2F4F4F; } Thanks a lot! With this you will be adding a shadow to all images. If you can find a div id or class near your images it will only apply the shadow to those specific images. For example, #featured img { box-shadow: 0 0 7px #2F4F4F; } would only apply the shadow to those images in the 'featured' div. Hope that helps! Marty Shue Link to comment Share on other sites More sharing options...
founaud Posted October 23, 2013 Author Share Posted October 23, 2013 I've tried to add... #header fieldset,img{border: none; margin-right:0px!important; box-shadow: none!important; } ...in a million of ways, but however I do the whole page apply to the same rule. Below you see why I don't want any shadow in the header. Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted October 23, 2013 Share Posted October 23, 2013 I've tried to add... #header fieldset,img{border: none; margin-right:0px!important; box-shadow: none!important; } ...in a million of ways, but however I do the whole page apply to the same rule. Did you try #header img.......? Marty Shue Link to comment Share on other sites More sharing options...
founaud Posted October 23, 2013 Author Share Posted October 23, 2013 Now I removed "fieldset" and it works!! Magic Thanks a lot for the help!! Link to comment Share on other sites More sharing options...
vekia Posted October 23, 2013 Share Posted October 23, 2013 Now I removed "fieldset" and it works!! Magic Thanks a lot for the help!! that was my mistake in the code, nice catch thank you for confirmation, can i mark this topic as [solved]? Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted October 23, 2013 Share Posted October 23, 2013 Did you try #header img.......? Marty Shue Now I removed "fieldset" and it works!! Magic Thanks a lot for the help!! Great! Glad I was able to help. Happy to hear you got it to work. Marty Shue Link to comment Share on other sites More sharing options...
Recommended Posts