Left Justify Deep Red Theme

User 2731293 Photo


Registered User
8 posts

I am a complete newbie to the HTML editor and HTML coding. I am trying to modify the Deep Red Theme to be fully left justified in the browser window. This theme is currently "centered" in the browser window---I believe because it is also coded to be mobile friendly. I am using the template for an intranet site that does not permit mobile access. Users have wide screen monitors and I need to "left justify" the Deep Red theme page when it opens to take advantage of a wide screen monitor. I been using "google" --without success---to discern how to modify this theme to open it as fully left justified in the browser window. Thanks for your help and patience. Jim
User 122279 Photo


Senior Advisor
14,565 posts

I have just got hold of the theme, and I need a bit of time to familiarize myself with it. it's quite some time since I have used any of the old themes now. I'll get back to you...
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2731293 Photo


Registered User
8 posts

Inger---thank you!!! Jim
User 122279 Photo


Senior Advisor
14,565 posts

Hi again,
Is this (see attachment) what you want it to look like?

If it is, open the style sheet in the Editor, scroll down to line 249 and find this bit of code:

body {
background: none;
margin-bottom: 20px;
width: 960px;
margin: 0 auto;

position: relative;
border: none;
}


Remove the word 'auto' from the margin. It should read just 'margin: 0;' (without the inverted commas)

You can, if you want to, change the width to something wider, like 1200px, or 90%, or something like that.

BTW, this template is NOT responsive, but if you will be using it for just wide screens, it may not matter at all.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2731293 Photo


Registered User
8 posts

Yes, that is perfect. I will follow your instructions and report back. It may be Tuesday as I am working on another project that must be completed by end of day. Thank you again for taking the time to use your talent to help me....greatly appreciated!!!! Jim
User 122279 Photo


Senior Advisor
14,565 posts

No problem. I may be a bit busy this week myself, but there will also be others who will be able to help.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2731293 Photo


Registered User
8 posts

Inger, one follow-up question. Now that the theme is left justified, I want to expand to the right too. How do I reference that in the HTML code since a colRight reference already exists. Can I create another "colRight' or some equivalent to have another column in the right side "open" area you just created by moving everything to the left?
User 122279 Photo


Senior Advisor
14,565 posts

Hey, I'm in Europe, and it is now early morning, and I need to leave the house.
In principle you can make another column, but I haven't got the time right now to check what other changes you need to make. Definitely you need to widen the body width by approx 400px.

I can look into it later today, if nobody else has come to your help.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2731293 Photo


Registered User
8 posts

Inger--thank you and I appreciate any additional help. Take care, Jim
User 122279 Photo


Senior Advisor
14,565 posts

Well, here is a quick-and-dirty adaption to 3 text columns. I hope this is what you have in mind. If not, I can try to change it further. I have made several changes to the style sheet in the region line 249 to 440, and also some changes to the html files. I put the 'auto' back into the stylesheet, as I think it looks better that way, but that will be up to you. You can experiment with it, with or without 'auto'.
You need to save your stylesheet and the html files to another location, just in case, and then in your project replace them with the ones I'm sending.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.