Joomla Templates Club 406,261 posts

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1058431

Hi guys, I have a question: I am using ‘Mailchimp’ instead of Acymailing. I have made a custom module with the code from Mailchimp. http://www.madebysanders.nl/happenenstappenpapendrecht.nl/

Is there a way to make it look more like the demo page? (white box with background image) Thanks

• This topic was modified 6 years, 8 months ago by  smartmax.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1058508

Hi
in demo we use Acymailing module.
Here are the settings for the module in this documentation.

If you want to apply style to another module, I suggest you use firebug/inspect element from the browser to check the style and override the using custom.css file.

Regards

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1059264

Hi Pankaj,

I am no code writer, more a graphic designer, so I have no idea.
I have added a background image in the background in the custom.module/options.
The only thing I need is the code, so the white frame would show around 75% width

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1059366

Hi
Can you share the page URL here,
the page URL submitted in the first post giving 404 error.

Regards

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1059921

http://www.happenenstappenpapendrecht.nl

🙂

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060052

Hi
Use this code to apply the bg image

.custom #mc_embed_signup   {
    background-image: url(/images/happenstappen_back.jpg); 
   }
   #mc_embed_signup .mc-field-group input {background:#fff;}
#mc_embed_signup .mc-field-group label {color:#fff}

Regards

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1060762

Thank you for you’re effort Pankaj,
but sadly that is not what I am looking for.

I only wanted the white frame/block to be smaller,
so on the sides -left and right- you would see the background picture.
I am going to try something else.
Thanks anyway.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060904

Hi
Kindly give me a screenshot and add details of your request inside the screenshot so i can check it better.

Regards

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1060982

Goodmorning Pankaj,
Nice to see that you are not giving up 🙂

Here are the screenshots, the background image is oké,
I only miss the smaller block on top.

http://www.happenenstappenpapendrecht.nl
(on the bottom)

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1061096

Hi
Add this code in custom.css file

.custom #mc_embed_signup {
    max-width: 800px;
    margin: 0 auto;
}

If you do not want to show bg image remove this code from custom.css

.custom #mc_embed_signup {
    background-image: url(/images/happenstappen_back.jpg); }

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. smartmax

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#1061187

Perfect! Big smile 🙂

[Author]

Posts