Setting width in Artodia Deluxe

Find detailed tutorials to do many of the things you were probably going to ask about. Please read this section prior to asking for help.
Sparkles
Premium Member
Premium Member
Joined: April 24th, 2008, 3:24 pm

March 7th, 2016, 9:11 pm

I am not technically minded and know nothing about code. I had been trying for a very long time to change the width of Artodia Deluxe style, without success, and finally today copied the whole css text into a word doc and used the ‘Find’ tool (under Edit) to actually locate #page-header, #page-body and #footer in the document. It was then easy to change the margins and add the desired widths, then simply copied and pasted back into the ‘theme’ of the style within my forum. I honestly didn’t know it could be done this way and it would have saved so much time. But anyway, for anyone who wants to change the width of this lovely style, here you go…

Set max width in Artodia Deluxe to 1280px:

Code: Select all

#page-header {
    clear: both;
    margin: 0 auto;
    padding: 1px 0 0;
    min-height: 10px;
    width: 1280px;

Code: Select all

#page-body { 
    margin: 0 auto;
    padding: 0 6px;
    width: 1268px;

Code: Select all

#footer {
    text-align: center;
    vertical-align: bottom;
    line-height: 1.3em;
    margin: 0 auto;
    padding: 8px;
    padding-top: 15px;
    font-size: 11px;
    width: 1264px;

Set max width to 950px:

Code: Select all

#page-header {
    clear: both;
    margin: 0 auto;
    padding: 1px 0 0;
    min-height: 10px;
    width: 950px;

Code: Select all

#page-body { 
    margin: 0 auto;
    padding: 0 6px;
    width: 938px;

Code: Select all

#footer {
    text-align: center;
    vertical-align: bottom;
    line-height: 1.3em;
    margin: 0 auto;
    padding: 8px;
    padding-top: 15px;
    font-size: 11px;
    width: 934px;
Hope it helps someone!
Last edited by Peteh on March 7th, 2016, 9:26 pm, edited 1 time in total.
Reason: Added Code BBCode
Reply