Constructive Criticism for my forum design

[RG70Hz]

try with this:

.porta-article-item .porta-article-date .porta-date-block {
    border-width: 1px !important;
    border-color: #e0e0e0;
    background: #ffffff;
}

Thank you! I inspected the element on the other style I had and added this to extra.less. What does the important tag do? Force it to use that over everything else?

.porta-article-item .porta-article-date .porta-date-block {
    background: #fefefe;
    border: 1px solid #e8e8e8; //this one
    border-radius: 10px;
    width: 50px;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.porta-article-item .porta-article-date .porta-date-block b {
    display: block;
    font-size:1.5em
}

 

[VBX Co]

This is meant constructively - I would reduce the size of the logo in the header - it takes up a pretty large chunk of screen real estate.

Quick edit, but something like this maybe?

 

[RG70Hz]

This is meant constructively - I would reduce the size of the logo in the header - it takes up a pretty large chunk of screen real estate.

Quick edit, but something like this maybe?

View attachment 282765

Thank you! May I ask what device you’re using?

 

[MQK8]

So have the Bayman Banter category as the last?

Yes

 

[VBX Co]

Thank you! May I ask what device you’re using?

PC

 

[RG70Hz]

PC

Thanks.

 

[RG70Hz]

Maybe you can show a mobile header: https://xenforo.com/community/resources/cxf-mobile-logo-header.7488/

And adjust the code to hide the small logo when scrolling, maybe.

How would you go about centering just the logo image in extra.less? Currently I have this code:

// Center Logo
.p-nav-smallLogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.p-header-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
     width: 50%;
}
.has-js .p-header {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

This seems to work but centers the whole header and leaves whitespace. I will attach an image to show what I am talking about.

[Edit] I achieved it with this:

.p-header-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.p-header-logo--image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;   
}

Sorry for the tag. Just wanted to give an update.

 

[bookworm]

In my opinion, the desktop logo is still too big. This is how it looks on my desktop machine:



I like the solution proposed by VBX in the post above: https://xenforo.com/community/threa...or-my-forum-design.212843/page-4#post-1618512

 

[RG70Hz]

In my opinion, the desktop logo is still too big. This is how it looks on my desktop machine:

View attachment 282909

I like the solution proposed by VBX in the post above: https://xenforo.com/community/threa...or-my-forum-design.212843/page-4#post-1618512

Yeah I am going to edit that there now. It is huge lol

 

[RG70Hz]

In my opinion, the desktop logo is still too big. This is how it looks on my desktop machine:

View attachment 282909

I like the solution proposed by VBX in the post above: https://xenforo.com/community/threa...or-my-forum-design.212843/page-4#post-1618512

I think I fixed it if you'd like to have another look!

 

[RG70Hz]

This is meant constructively - I would reduce the size of the logo in the header - it takes up a pretty large chunk of screen real estate.

Quick edit, but something like this maybe?

View attachment 282765

How would you go about doing that? I just tried to make it smaller by going to basic options ad setting the height from 300 to 100 but on mine it looks the same. Not sure if it's changed on your end or not.

Thank you for the tip

 

[RG70Hz]

This is how it looks for me at the moment.

 

[OUTL4W]

not sure if you noticed from a prior reply but your site is throwing up a virus scanner alert...

 

[RG70Hz]

not sure if you noticed from a prior reply but your site is throwing up a virus scanner alert...

View attachment 283011

That can't be real

 

[OUTL4W]

That can't be real

when I go to your site...

 

[RG70Hz]

when I go to your site...
View attachment 283012

Why are you the only one who ever received that error? That doesn't make any sense. There is nothing on the site that would indicate "phishing".

 

[JoyFreak]

The site doesn’t load for me but from the screenshots I can see you’ve done a great job. Taking on everyone’s feedback and improving it is great.

 

[Abraham54]

I get a host error (Error code 522)

 

[Mr Lucky]

 

[Peterpapas76]

It's not loading for me either.