[Skip to main content](#vessel-content) # CSS to change background in address modal window? ## - **[afish674](/forum/user/9578-afish674 "View afish674's Profile")** - [![afish674's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9578-afish674 "View afish674's Profile") Topic Author - [ Offline](/forum/user/9578-afish674) Less More - Posts: 8 - Thank you received: 0 - - 14 years 1 month ago [\#67211](#67211) by [afish674](/forum/user/9578-afish674 "View afish674's Profile") *[CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67211 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* was created by *[afish674](/forum/user/9578-afish674 "View afish674's Profile")* In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 14 years 1 month ago [\#67300](#67300) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67300 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Hi, To edit the display in these popups, you need to edit your template css file. Because the hikashop frontend css file is not loaded for the popup. In Joomla > extension > Template manager, tab "templates" edit your template and the css/template.css (template is an example). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[afish674](/forum/user/9578-afish674 "View afish674's Profile")** - [![afish674's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9578-afish674 "View afish674's Profile") Topic Author - [ Offline](/forum/user/9578-afish674) Less More - Posts: 8 - Thank you received: 0 - - 14 years 1 month ago [\#67345](#67345) by [afish674](/forum/user/9578-afish674 "View afish674's Profile") Replied by *[afish674](/forum/user/9578-afish674 "View afish674's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67345 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Thanks Xavier, However, this is what I'm trying to edit, I just wondered if you could give me the rule for example: \#divName { background-color:#fff; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 14 years 1 month ago [\#67376](#67376) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67376 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Try to apply the properties on the class: .body-overlayed .shadow, .body-overlayed .contentpane, .body-overlayed #all{ background-color:#fff; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[afish674](/forum/user/9578-afish674 "View afish674's Profile")** - [![afish674's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9578-afish674 "View afish674's Profile") Topic Author - [ Offline](/forum/user/9578-afish674) Less More - Posts: 8 - Thank you received: 0 - - 14 years 1 month ago - 14 years 1 month ago [\#67448](#67448) by [afish674](/forum/user/9578-afish674 "View afish674's Profile") Replied by *[afish674](/forum/user/9578-afish674 "View afish674's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67448 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Unfortunately this didn't work. It looks like it opens a new document (theres a new document declaration half way down in this firebug screenshot) image missing https://dl.dropbox.com/u/13032629/Photos/Address-background.jpg I don't know if that is something to do with it. Even if I could just get rid of that corkboard background that is my default background image that'd make it easier to read. This is the code I'm using for the other backgrounds: Code: \#hikashop_category_information_menu_153, .hikashop_checkout_page, .hikashop_product_page, .body-overlayed .contentpane{ position:relative; background-image:url(../img/eggshell.jpg); background-repeat:repeat; width:680px; padding:10px; clear:left; margin:10px 0 20px 0; -webkit-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7); -moz-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7); box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7); overflow:hidden; } Last edit: 14 years 1 month ago by [afish674](/forum/user/9578-afish674 "View afish674's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 1 month ago [\#67666](#67666) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67666 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* The background in the popup is added by your template's CSS which is loaded in the component.php file of your template. One solution is to not have the CSS of your template added in the component.php file of your template. That way, the back ground won't display either. The best is to ask your template provider about help personalizing your template. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[afish674](/forum/user/9578-afish674 "View afish674's Profile")** - [![afish674's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9578-afish674 "View afish674's Profile") Topic Author - [ Offline](/forum/user/9578-afish674) Less More - Posts: 8 - Thank you received: 0 - - 14 years 1 month ago [\#67735](#67735) by [afish674](/forum/user/9578-afish674 "View afish674's Profile") Replied by *[afish674](/forum/user/9578-afish674 "View afish674's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67735 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Hi Nicolas, Thanks for your reply. Wouldn't this prevent the background from loading in the rest of the site too, rather than just the popup? In this case, I am the template provider because it's one that I designed but I've not had to deal with a popup before, I normally just use Firebug to work out what rules need adjusting, although in this case I couldn't work it out. If there was a way to just remove the pop-up background then that would do to be honest, just makes it easier to read. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 14 years 1 month ago [\#67903](#67903) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS to change background in address modal window?](/forum/4-how-to/67211-css-to-change-background-in-address-modal-window#67903 "In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window. I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this. Any help much appreciated! Thank you.")* Hi, No it won't cause the background to not load on the rest of the website. The component.php file of templates are only for popups while the index.php file is used elsewhere on your website. So if you change something in the component.php file, it only applies to the popups. So the way to "just remove the popup background" is simply to not add it in the component.php file when you create your template ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY3MjExLWNzcy10by1jaGFuZ2UtYmFja2dyb3VuZC1pbi1hZGRyZXNzLW1vZGFsLXdpbmRvdz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.732 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)