Rockwall inset -mainbody-sidebar width, position after fix

Hi, I am using the Rockwall theme in Joomla v 3

Ι have used the Inset NSP module in the inset, mainbody and sidebar in order to have 3 columns of the same width = 33% on the same line.

I have applied the fix as in

https://www.gavick.com/forums/rockwall- ... 38751.html
https://www.gavick.com/forums/news2-joo ... 37831.html

copied the files found in news2.zip.
.
The result is that the two first boxes (inset, mainbody) are in the first line, while the sidebar goes to the next line.

In the layouts of the Template I am using
sidebar width 33%
custom sidebar width 667=33
inset width 33%
custom inset width 648=33

(and I have tried with 33.3 as well)

Any ideas on how it could be fixed?

As well is it normal for this configuration to get the inset empty space to the left of the K2 items when displayed?


Thank you in advance,


Mary

Could you please post an url to your site?

Hi,

I would like the url not to be posted to the public forum, may I sent it to you in a Private Message instead?

Thanks

Please send me a PM with:
1. URL to your website
2. link to this thread

Hi

I was asked by user to join conversation. I would overwrite the settings by using page class suffix. For example add a "homepage" for this page than use this code in override.css after checking if override is enabled in template settings:

Code: Select all

#gkContent {
    width: 66% !important;
}

#gkSidebar {
    width: 33% !important;
}

#gkInset {
    width: 50% !important;
}

#gkContentWrap {
    width: 50% !important;
}


You will have 3 equal columns. Now the matter will be to select right module for it

Here is how to use page class suffix, just in case You do not know: https://www.gavick.com/documentation/un ... mla-pages/

Hi both,

many thanks for the solution provided, now the inset-mainbody-sidebar take equally a 33% of the width, though the linked issue with the K2 items when they are selected from the first page persists - now I have the empty 33% of the inset and the empty 33% of the sidebar when the item is selected.

Any ideas on that?

Thank you in advance,

Mary

Hi again, please ignore the latest message as I have not applied what you propose for the items of the first page.

Thank you very much for the solution provided

Many thanks

Mary

Hi both,

I have applied for the pages

640=gridpage
240=noMainbody
239=noMainbody
238=noMainbody
231=noMainbody

and I have added the

.noMainbody #gkMainbody { display: none !important}

to the override.css but nothing happens. It seems not to take the Settings from the Template Features, and this seems to be linked with the original issue.

Thank you very much in advance

Mary

Hi

Ok, but to check this issue will need to see Your site with the changes You've done already.

Hi,

what do you need from me to provide you with in order to send?

I have made all the changhes I am writing you about.

In case we can talk somehow - telephone - skype call .. I can be available for that.

Is there the possibility of a call somehow?

Thanks

In case it helps, I have installed the Rockwall Quickstart v 3, and applied the fix as posted above.

The other changes made are liked with the mainmenu. No other change as far as i can trace back.

Please let me know what else would you need in order to find out the reason of this issue and the fix.

Many thanks ,
Mary

Hi

Please do not send multiple messages about the same thing. It got stock up and only date changes, so basicaly every bump moves it to end of the line for answer.

For start I will need to know the url to your site Please send me also an access to joomla panel just in case I will have to use it.

Hi, teitbite

I have already sent you the url in previous Private Messages (!), and I would like to remind you that I would NOT like the url to be published to the public forum.

I can send you again the urls in private messages. Please allow me some time to create the copy and to create you an administrator to Joomla for you if this is what you need. I can send you instead the zip file with the site would you like that?

Thanks

Hi

I must have deleted it than, becuase I do not see url in any of Your PMs except the last one ;/

Anyway it looks like You just need to see a bigger size for images. Looks like 365px is width should do the trick.

Also add this to the classes I've gave You already:

Code: Select all

#gkContentWrap > div {
    width: 100% !important;
}


Hi

I've just noticed the other page from Your PM.

The solution I gave You was only for frontpage where You have added a page class suffix: "gridpage", so to use it there only add a syffix before this classes. Like this:

Code: Select all

.gridpage #gkContent {
    width: 66% !important;
}

.gridpage #gkSidebar {
    width: 33% !important;
}

.gridpage #gkInset {
    width: 50% !important;
}

.gridpage #gkContentWrap {
    width: 50% !important;
}

.gridpage #gkContentWrap > div {
    width: 100% !important;
}


Was there any other issue. I have a feeling I'm missing something ;/

BTW I have asked for the url today for the first time, Cyberek was the one who You have send it to before, but that's not relevant now

Hi it was among the firt messages of our conversation sept 11th before i make the posting to the forum .

To the issue ..

my overide.css :


.gridpage #gkContent {
width: 66% !important;
}

.gridpage #gkSidebar {
width: 33% !important;
}

.gridpage #gkInset {
width: 50% !important;
}

.gridpage #gkContentWrap {
width: 50% !important;
}

.gridpage #gkContentWrap > div {
width: 100% !important;
}

#gkContent {
width: 66% !important;
}

#gkSidebar {
width: 33% !important;
}

#gkInset {
width: 50% !important;
}

#gkContentWrap {
width: 50% !important;
}

#gkContentWrap > div {
width: 100% !important;
}

.noMainbody #gkMainbody { display: none !important}

Nothing happens with the internal page, the first page width is fixed and thanks for that.

I think it does not pass the according values on noMainbody from the administration.

Thanks

Hi

First message ? I've seen You are being taken care of, so I've removed it as it was not my case Time shows different.

You only need this part in css:

Code: Select all

.gridpage #gkContent {
width: 66% !important;
}

.gridpage #gkSidebar {
width: 33% !important;
}

.gridpage #gkInset {
width: 50% !important;
}

.gridpage #gkContentWrap {
width: 50% !important;
}

.gridpage #gkContentWrap > div {
width: 100% !important;
}


not the full override.css file as I can see now. Please remove that and let me know if this helped for innerpages.

Hi, the issue is fixed but I get a tiny issue on the first page where the mainbody covers sidebar and you can see it all
in emulators

http://emulator.mobilewebsitesubmit.com/

thank you in advance, If we can do that as well it will be great .

Thanks

Hi

Sorry. I cannot see anything being covered. Please show me a screenshot.

Hi, please find the images in a private message i have sent you.

Thanks

Hi

Add this at the end of tablet.css:

Code: Select all

.gridpage #gkSidebar {
    margin: 0 !important;
}


and this to mobile.css:

Code: Select all

.gridpage #gkContent,
.gridpage #gkSidebar,
.gridpage #gkInset,
.gridpage #gkContentWrap,
.gridpage #gkContentWrap > div {
width: 100% !important;
}


Hi,

it has been fixed
it looks great in all the devices.

Thanks,
Mary