Jump to content


Photo
* * * * * 1 votes

Layout Not Working Well

layout

  • Please log in to reply
28 replies to this topic

#1 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 08:55 PM

Hi, i have this problem.. i would like to use all the width of a web page.. i sey 1340 pixel and full width section.. but, looks like the allignment in not centred.. is less on the left that on the right and more...



#2 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 09:06 PM

It look like the box and other section like footer is not centred but alligned on the right

see it there:

Please Login or Register to see this Hidden Content



#3 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 09:10 PM

The site target/example is this

Please Login or Register to see this Hidden Content

mine have to be similar in layout.. then full widht etc...



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 December 2012 - 10:15 PM

It appears that there's some error, somewhere.

 

The solution is below, but you'll need to examin your own custom CSS to find out if you've added some conflicting code.

 

Please Login or Register to see this Hidden Content

You may need to adjust accordingly, and this may vary from one browser to another. 


  • stefanoferruggiara likes this

#5 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 11:34 PM

I've tried to take off all custom code but doesnt change Rob.. and also the width is not perfect like the site i posted.. let me know something.. i send you via email the access if you want. Let me know.. Thanks



#6 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 11:36 PM

But is not normal that i have to adjust... centered is centered in not absolute.. is relative then you talking about what?

There isn't a way to have simply centered. The box and the footer columns too..



#7 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 01 December 2012 - 11:38 PM

This is my css code:

 

 

body{}
 
#header.container-group {background: black;}
#footer {background: black;}
#site #page, #site #dynamic-content {background: balck;}
 
.pl-imageframe a:hover img {
background: none repeat scroll 0% 0% rgb(143, 6, 6);
}
 
.navbar .navline > li.current-menu-item > a {
background-color: rgba(0, 0, 0, 0.1);
color: #f76600;
text-decoration: none;
}
 
.navbar .navline > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #f76600;
text-decoration: none;
}
 
body.fixed_width #page {
padding-top: 38px;
}
 
body.navbar_fixed .page-canvas {
padding-top: 0px;
}
 
#site #page .page-canvas, #site #dynamic-content .page-canvas {
margin: 0 auto;
}
 
a.button, button.button, input.button, #review_form #submit {
color: black !important;
background: #f76600;
padding: 6px;
line-height: 1em !important;
margin: 4px 2px 0 0;
float: left;
font-size: 16px !important;
width: auto !important;
vertical-align: middle !important;
text-align: center;
text-decoration: none;
border: none;
cursor: pointer;
font-family: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
 
input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset {
padding: 4px 9px;
cursor: pointer;
text-decoration: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: black;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #BBB;
background-color: black;
background-image: -moz-linear-gradient(top,white,#f76600);
background-image: -ms-linear-gradient(top,white,#f76600);
background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(gainsboro));
background-image: -webkit-linear-gradient(top,white,#f76600);
background-image: -o-linear-gradient(top,white,#f76600);
background-image: linear-gradient(top,white,#f76600);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);
box-shadow: inset 1px 1px 0px white;
font-family: "Helvetica", Arial, serif;
}
 
.gform_wrapper textarea {
    outline-style: none;
    font-size: 15px;
    font-family: inherit;
    letter-spacing: normal;
    padding: 2px 0px;
    resize: none;
}
 
.gform_wrapper select {
font-size: 15px;
font-family: inherit;
padding: 3px 0 3px 0;
letter-spacing: normal;
}
 
.widget .widget-title {
color: #f76600;
text-align: left;
padding: 3px 8px 3px 0px;
margin-bottom: .6em;
}
 
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
outline-style: none;
font-size: 15px;
font-family: inherit;
padding: 2px 0 2px 0;
letter-spacing: normal;
}
 
body.home .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.page-id-362 .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.page-id-1446 .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.page-id-680 .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.page-id-112 .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.page-id-572 .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
body.category .content {
        background: none repeat scroll 0 0 transparent !important;
        margin: 0 auto;
        position: relative;
        width: 100%;
}
 
.category-23 #dynamic-content  { background: #bcbcbc;}
 
#featurenav a.activeSlide {
background: #f76600;
color: rgba(0, 0, 0, 0.7);
}
 
#featurenav a {
margin: 0 8px 4px 0;
padding: 1px 10px 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: #BCBCBC;
display: inline-block;
font-size: 12px;
line-height: 20px;
text-align: center;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.7);
}
 
#feature_slider .fcontainer .feature-wrap.bg_cover {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.9), 0 1px 0 rgba(0, 0, 0, 0.9);
border-radius: 3px;
}
 
.pl-imageframe img, img.pl-imageframe {
    padding: 4px;
    background: none repeat scroll 0% 0% rgb(182, 182, 182);
    border: 1px solid rgb(182, 182, 182);
    -moz-box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px 3px 3px 3px;
}
 
#eventlist .weekday {
font-size: 0.9em;
text-transform: uppercase;
color: black;
}
 
 
#eventlist .start-date, #eventlist .end-date {
text-align: center;
color: black;
}
 
#branding {
    .mainlogo-link, .mainlogo-img{margin:0 auto;float:none;}
}
 
/* Centered Navigation */
#page {
  #navbar,
  #nav{
    .navline,
    .main-nav{
      float:none;
      text-align: center;
      li {
    display:inline-block;
        float:none;
        text-align:center;
      a {
        float:none;
        text-align:center;
      }
      }
    }
    .dropdown-menu {
        text-align:left;
    }
  } 
}
/* Centered Navigation Media Query*/
@media(max-width:767px){
body.pagelines {
  #page {
     #navbar {
        .navline {
          float:none;
          text-align:left;
          li,a {
            display: block;
            float: none;
            text-align: left;
          }
        }
      }
    }
  }  
}
 
body.fixed_width #page {
padding-top: 0px;
}
 
#page #navbar .navline li a, #page #navbar .main-nav li a, #page #nav .navline li a, #page #nav .main-nav li a {
    float: none;
    text-align: center;
    font-size: 1.3em;
}
 
.main-nav li a,#navbar li a {font-weight:bold;}
 
.main_nav ul li a {
    line-height: 1em;
    padding: 8px 15px;
    text-decoration: none;
    display: block;
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: transparent transparent -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
 
#footer li.link-list a, #footer .widget-title {
color: white;
}


#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 13192 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 December 2012 - 10:47 AM

First of all please do not paste all custom CSS into your post, if its more than one small snippet then use our pastie service.

 

Please Login or Register to see this Hidden Content

 

Secondary, your site is all centered - 

 

I added a red background to your content area and this shows your site in my opinion is centered correctly.



#9 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 02 December 2012 - 01:11 PM

This is the ABOUT page not the HOME Page... i'm talking about HOME Page and specially the BOX and the footer columns.



#10 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 02 December 2012 - 01:24 PM

To my point of view Danny... but is just my point of view.. this you cant call centered.

See screen here please cause i dont know how upload in post:

Please Login or Register to see this Hidden Content

 

One is Chrome one if Firefox



#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 13192 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 December 2012 - 01:33 PM

The footer is the same regardless of the page, the homepage is also centered. I am not sure why you think otherwise. The columns are aligned to the left but each footer column when using is four of them are 25% in width, your footer columns are aligned to your site.

 

If you wish to have your text centered then use the following code.

 

 

 

Please Login or Register to see this Hidden Content

Also please stop reporting this as a bug to our helpdesk, it is not a bug.



#12 batman

batman

    Bat Learning

  • Members

  • 1772 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 02 December 2012 - 01:37 PM

Hi Stefano

Please try with

Please Login or Register to see this Hidden Content

 

Uuupsss I don´t see the danny´s reply, try this first

:)



#13 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 02 December 2012 - 02:04 PM

Yes ... Danny sorry.. the footer is the same but you see the image? The box is not centered..



#14 Danny

Danny

    Is Awesome!

  • Moderators
  • 13192 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 02 December 2012 - 02:12 PM

Ok, here is the code you have used in your text widget to display you image.

 

 

Please Login or Register to see this Hidden Content


As you can see you have the class alignleft, please remove this and add center instead. So it looks like this:

 

 

 

Please Login or Register to see this Hidden Content

 

Which will look like this:

 

Please Login or Register to see this Hidden Content



#15 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 02 December 2012 - 02:25 PM

Thanks, and not the foto box in the footer but the box feature just down my image is not centered.



#16 batman

batman

    Bat Learning

  • Members

  • 1772 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 02 December 2012 - 02:35 PM

Hi Stefano

Do you add this ? 

Please Login or Register to see this Hidden Content

To center the image...



#17 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 December 2012 - 05:41 PM

Stefano,

 

A note on Bug Reports.  Let me be perfectly clear that each time in past that you've reported bugs they turned out to be coding errors on your part and not a bug.  Such reports take critical time away from our staff to research the report, since we take bug reports quite seriously.  Falsely reporting bugs because you can't find your own coding errors is not proper and will be dealt with in the most severe terms.  You've been warned. Doing this again and your forum privileges will be removed for 30 days.

 

You really need to use validators for your custom code and not post volumes of CSS or HTML here.  We are not going to spend our time reading or fixing your customization errors.  That is not what the forum is for.  A CSS Validator may be

Please Login or Register to see this Hidden Content

. Use the Direct Input tab.   An HTML Validator is

Please Login or Register to see this Hidden Content

.

 

Please bookmark and use those links BEFORE using this forum to resolve your errors.



#18 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 03 December 2012 - 01:55 AM

But when i found error in the code .. if is note Jigoshop or something else ... how i can fix if is not a part of the custom code that i have put.

If i made some error is cause, like you know very well, i'm not technical and then.. when i do by my self, i human and not technical and i made some error.. if i take of all my custom code.. how i can resolve my problem???

I need to reinstall all??? I will do if is necessary.. but if some technical help me i don't have to do.

Tell me...

I can use the like you give me but i don't know what i have to do with the response i receive from the validation.. then??? Explain to me what i have to do .. if i have a problem and i need some technical that can help me to resolve.



#19 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 03 December 2012 - 02:38 AM

I reinstall all.. wp and all.. after i dont put any custom code ... and i made the validation at the link you give me.. i want to see if return me any error.. if yes where i can share the result cause in this case can be only the Theme and Pagelines Plugin. And after where and how i have to ask about support... here? via mail? with the support form?

Let me know.

Thanks.



#20 stefanoferruggiara

stefanoferruggiara

    Advocate

  • Members
  • 564 posts
  • LocationVerbania (VB) - Italy
  • Country: Country Flag

Posted 03 December 2012 - 03:27 AM

OK ... just reinstalled all.. new DATA BASE now WP.. new all.. no plugin activated ... no css

At your link htlm valitation this thema have 963 ERROR and for W3C 3 Critical Error... now .. yesterday i receive a warning for what!!! Now it's me that i'm crazy??? i lost time and money.. who give me back? now i dont have my site on line cause i have to rebuild again.. who fix this 963 error that the cause is not me... view that i have just reinstalled all new?!!







Also tagged with one or more of these keywords: layout