Joomla Templates Club 406,261 posts

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#193939

An old customer is finally to be moved to J3. They still like their Edenite so of I went. They are not very content heavy so their old template were trimmed to 720 px wide. When trying to do the same on J3 I get the following error

I am (obviously) not experienced in J3 templating but in template.css I have changed

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper{ margin: 0 auto; width: 950px; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper{ margin: 0 auto; width: 720px; }

Should really like some guidance or directions for where to further look

---

Attachments:

1. 
2. 

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

#519276

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#519281

Hi Tom

the page is here and “Optimize CSS” is now set to “No”

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

#519284

<em>@onosan 406965 wrote:</em><blockquote>Hi Tom

the page is here and “Optimize CSS” is now set to “No”</blockquote>

Can you explain what dimensions you are wanting the main content and right column to be?

I am thinking that this is an adjustment that can be realized within the LAYOUT section (within Template Manager) – but I’d like some additional info from you as to exactly how the page is supposed to display.

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#519290

Hi Tom

Thanks for your time and quick help! The original J1.5 site is here
The current main content area is about 570px and the right is 150px wide. This equals aprox. 4:1 but since back then we fortunately have been given ‘responsive design’

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#520157

@onosan,

I see your J1.5 site is working fine, could you let me know the site url that you are moving to J3 so that I can have a closer look?

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#520275

Hi Css Magician

First thanks a lot for taking your time to help – much appreciated!

To be sure that there would be no traces in the code/css of me trying to make things happen, I have in the past week (since last reply) made a total reinstall:

• deleted everything (ftp)
• uploaded & installed a totally new version (complete quickstart package/JA Edenite for Joomla 3.x (10.82 MB))
• The joomla version of the installed quickstart package is 3.1.5
• unpublished every modules not needed
• entered articles by hand
• Every adjustment made through backend

the new page is here and cache + “Optimize CSS” is now set to “No”
on top of that I have as you can see activated the cpanel.

But after all this the design still breaks when trying to run the std. ‘narrow’ version (~750px) which would be fine with me

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#520614

BUMP – Anyone ?!?

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#520780

@onosan,

Please add css rule into the template.css file:


body.bd #ja-wrapper {
min-width: 750px;
}

#ja-wrapper {
margin: 0 auto;
width: 750px;
}

body.bd .main {
width: 750px;
}

#ja-container.ja-l1r1 .main-inner1, #ja-container.ja-r1 .main-inner1 {
background-position: 600px center;
}


Let me know how it goes.

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#520904

Hi CsM

Inserted the lines in the top of template.css without results.

Found further down in the stylesheet the line:

/* MAIN LAYOUT DIVS
——————————————————— */
#ja-wrapper{ margin: 0 auto; width: 950px; }

This obviously overwrites the changed width but when setting the value to 750px here as well the overall appearance succeeds – But the vertical line between main content block and right are still moved to the left as you can see :((

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#521209

@onosan,


#ja-container.ja-l1r1 .main-inner1, #ja-container.ja-r1 .main-inner1 {
background-position: 600px center;
}


The css rule above helps to change the vertical line you mentioned. If the issue still remains, please PM me URL, admin and FTP credentials, I help you out.

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#521328

Ahh – didnt see we were on page two/ your answer 🙂

The code you mention were already inserted after your previous post (#9)
Unfortunately it doesn’t change anything setting it to either fx 500 or 800 px …

I’ll send you a PM 🙂

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#521402

@onosan, I have fixed the issue on your site, please check again. I did change the “Specified width” in profile tab (in template manager) and copy my css rules to the bottom of templates.css file.

1 user says Thank You to Css Magician for this useful post

1. onosan

[onosan Friend onosanJoin date: February 2013Posts: 13Downloads:0Uploads:2 Thanks: 4]

#521444

Hi CSM

Thanks a lot! Moving the css to the bottom helped indeed. I have raised the width to 615px to move the line the last bit out to touch/ hang from the ‘Our Staff’ header like in the ‘original’ Edenite demo
I of course previously did try to set the width in the template manager – alas without any luck. The combination of the two obviously did the difference. Thank you for your help!

[Author]

Posts