Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Realizing a primary1 module like on Inspire

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi there,

I want to implement a module with a similar module style as on the JB Inspire template.

No problem to get the shade, background and the colored border. I just cannot move the right border with margin: -50px.
I apply it to the class moduletable + my own class. It works on moduletable inner, but does not have the desired effect. It worked well on other sites, so I am a bit lost.

Could someone guide me through the CSS change necessary?

Thanks a lot
M.M.
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
Can you provide a link for the example you have so far?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sure: ice.de.dd2224.kasserver.com/index.php/about

First one on the right.

Thanks
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
I see a different page with a sidebar - is this now the right page?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
different page?

Yes, it the rigth one. Sidebar-2 is active. First module is trying to implement the Inspire style with an own class for moduletable & mdt-inner.

The two other modules are Standard Base3 to see the difference.

best
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
sorry was thinking of a different thread on same template

Are you looking at moving all the margin top, right,bottom,left

Are you looking to line up the divs?

Currently the 4 blocks is breaking through the container - not sure if that is relevant to want you want to do

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No problem. :-)

I want to implement a style like on JB_Inspire. Meaning, I want to extend the module to the right, over the "edge" of the template and have the border fitting together.

I attached you a screen, so you have the visual impression
ModuleStyle.jpg
  • MaMuster's Avatar
  • MaMuster
  • LIfetime Developer - Big Bamboo
  • 329 posts
  • 10 Thanks
  • Karma: 4
The administrator has disabled public write access.
Had a look at this and its a bit beyond the scope of the forum css support

It means extensive css changes as the template is different and importantly uses a different version of bootstrap

I got here

#sidebar-2 .moduletable {
margin-bottom: 30px;
float: left;
width: 100%;
margin-left: 0 !important;
background: url(../../../images/sidebar-corner.png) no-repeat 106% bottom;

}


#sidebar-2 .moduletable {
padding: 0 10px;
}

#sidebar-2.col-md-3 {padding: 0;}

Before I realised to remove padding would mean a lot of work due to how the container divs are set up and how this would impact different template layouts

If you wanted to continue with this I could ask the developers for an estimation to implement as custom work

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers