Joomla Templates Club 406,261 posts

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#197421

Please could someone post the code for pricing table. My table is not expanding full width of page. I have no modules conflicting

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533650

It would be helpful if you could provide the url of the site you’re working on
– as well as the specific link to/for your pricing table page

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533651

Sorry the url is http://192.185.146.224/~oceannew/index.php
Its JaBiz Template

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533652

<em>@kipperfletcher23 425358 wrote:</em><blockquote>Sorry the url is http://192.185.146.224/~oceannew/index.php
Its JaBiz Template</blockquote>

On which page is your pricing table?

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533653

http://192.185.146.224/~oceannew/index.php/website-design-services/bonus-pages/pricing-table

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533654

There are several CSS rules that are causing conflict with the full page display of your Pricing Table, namely:


.col-md-push-3 {
left: 25%;
}

.col-md-9 {
width: 75%;
}

.col-sm-push-4 {
left: 33.3333%;
}

.col-sm-8 {
width: 66.6667%;
}

When I deleted the above pixel values (using Firebug to view in real-time testing), the Pricing Table displayed full-page as it should. I am not certain as to which (if any) elements the above noted CSS rules are related.

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533655

where would this be located?
Do you have html of this hole page by any chance.

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533657

I am not certain what elements – perhaps within some module or content configuration – is controlled by those CSS rules. What you can TRY (as a trial-and-error effort) is paste the following within your custom.css file.
(If you do not already have a custom.css file setup, simply create one within file path –> /templates/ja_biz/css


.col-md-push-3 {
left: 0%;
}

.col-md-9 {
width: 0%;
}

.col-sm-push-4 {
left: 0%;
}

.col-sm-8 {
width: 0%;
}

After you save your changes, check throughout your site to see if any other elements were affected.

If not . . . . then there ya go. 🙂

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533658

Hi

That messed my site up a bit it affected too many things

It works on the deme version so am unsure why not on quick start package.

any ideas?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533664

There is something a bit more involved going on with this one (for some reason), so I am going to excalate this one onto the JA Development Team to review and comment further on.

In the meantime, I came up with a somewhat sloppy hack to get it to display better – though I am not certain how this will look on mobile devices (hence my requesting additional review from the JA Devs).

Within your custom.css file, paste the following:


.pricing-page {
margin-left: -300px;
padding: 20px 0;
max-width: 1100px;
}

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533693

That still changes the layout of all other pages and responsive mobile.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#533900

Hi kipperfletcher23

You should remove/unpublish the module published in the sidebar-1 position from the Pricing table page Take a look

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533928

This is not an issue with module position. The table still stays to the right of the screen and not stretch the whole way across. This is why have started this post.

Please see here http://192.185.146.222/~oceannew/index.php/website-design-services/bonus-pages/pricing-table

A great screenshot but no help for my issue.

[kipperfletcher23 Friend kipperfletcher23Join date: February 2009Posts: 54Downloads:0Uploads:6 Thanks: 5 Thanked: 11 times in 1 posts]

#533935

I applied the code to the typography page which seemed to work. The typography page be default seems to stretch across the whole page. Hope this may help someone else.

[Author]

Posts