[Release] Aero (phpBB 3.1.10)

[Clipto]

Ah, just found one more thing.
Now I've succesfully transferred the profile items to the left, the 'online banner' is still placed on the right.
Just behind the edit and quotation buttons, so not readable.
Is that thing transferrable to the left too?

Found it:
In the same file as before, around line 765:

Code: Select all

.online {
	background-image: none;
	background-position: 18% 0;
	background-repeat: no-repeat;
}

[Clipto]

I will look into fixing the spacing for mobile devices.

Any updates on this?

[jrolson]

I will look into fixing the spacing for mobile devices.

Any updates on this?

I was able to improve the spacing, but it was harder than I thought it would be. It still needs some tweaking...

Before


After

[Clipto]

Ah that looks a lot better!
Any idea when it'll be ready?

[jrolson]

Ah that looks a lot better!
Any idea when it'll be ready?

I think it's ready. Here is the code so you can test it.

In common.css, add to bottom

Code: Select all

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
	li.header dt, ul.topiclist dt, ul.topiclist dt .list-inner { margin-right: -320px !important; }
	ul.topiclist dt .list-inner { margin-right: 0 !important; }
	dd.posts, dd.topics, dd.views { width: 60px !important; }
	dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info { width: 200px !important; }
}

In responsive.css, find

Code: Select all

ul.topiclist.forums dd.lastpost {
	display: block;
}

Replace with,

Code: Select all

ul.topiclist.forums dd.lastpost {
	display: block;
	margin-left: 100px;
}

[Clipto]

Looks OK in a browser, but on a smartphone it now looks like this



Glad I tested it on the test-forum first

[william.menech]

I did some customizing as and added new photos on the top of the screen but I am having one problem, as it displays on different devices the images are not correct. Is a piece of code I can add in nd then create the rest of the necessary image sizes so it will work correctly in responsive mode?

Here are the links the five separate Forum category pages I created.

http://forums.kawsayretreat.com/index.php

http://forums.kawsayretreat.com/viewforum.php?f=9

http://forums.kawsayretreat.com/viewforum.php?f=1

http://forums.kawsayretreat.com/viewforum.php?f=5

http://forums.kawsayretreat.com/viewforum.php?f=7


Here is a small image that shows the problem.



Do you have a solution I could apply?

Warm Regards,
William

[jrolson]

I did some customizing as and added new photos on the top of the screen but I am having one problem, as it displays on different devices the images are not correct. Is a piece of code I can add in nd then create the rest of the necessary image sizes so it will work correctly in responsive mode?

Do you have a solution I could apply?

Warm Regards,
William

Change your #site-description in common.css to

Code: Select all

#site-description {
    float: left;
    height: 125px;
    width: 60%;
}

[BigDrago]

Demo?

[william.menech]

Change your #site-description in common.css to


CODE: SELECT ALL
#site-description {
float: left;
height: 125px;
width: 60%;
}

I changed the code in the common css in the aero theme file and this was the result.

The theme looks correct in regular mode with the original code but it is only in mobile or small screens it does not order correct. I think I have to make several image sizes and then whatever the code would be for that.

Is there code to enter for the dditional photo sizes and wht sizes would the photos need to be?

[jrolson]

Ah yes, I see the issue now. Mobile sizes arn't working on the other colors.

I will have to look into this deeper to find a solution.

[jrolson]

Aero 2.0.3 released

*Fixes an issue with mobile sizes not working on other colors of Aero.

[jrolson]

Looks OK in a browser, but on a smartphone it now looks like this

Glad I tested it on the test-forum first

I would try this again with Aero 2.0.3. it fixes an issue that might fix this.

[Clipto]

Yeah looks great now, thanks a lot!
Will change the avatar and profile data again to the left and then enable it on my real forum.
Thanks for the quick support!

[2600]

How do I change the logo? I have black installed and I didn't see a imageset.css in the folder, but imageset.css is in Aero so I edited the code for the logo there, but I don't see my logo. I even cleared the cache and I emptied my browser cache despite me using Sandboxie which stores nothing on exit.