A Few More Styling Questions

[Grimes]

I am loving Xenforo and Apex together. I'm finding my way around pretty well, but have a few other styling questions for you @Russ.

1. I'd like to add a font awesome icon to the quote bbcode, but can't figure out how to make that happen.

2. I was hoping to make the login/sign up button a gradient via css but when I include the code in the button misc. css, it doesn't change the appearance. I'm fine with just making a vector button if I can't accomplish this.

3. Lastly, I'd like to do something similar to what this site is doing with the center background image.

They are using one of your styles (I'm not sure which one).
I know it's not Apex, but I would think this can be achieved with Apex, too. Can it? And if so, is it still possible if I am using a repeating background texture image? Sorry for all the questions.

 

[Steve]

Sorry for bombarding you with questions, but I also have a question about the login dropdown on mobile. I noticed the text and name entry fields are "smooshed" over on the left hand side of the screen. How do I fix this?

Do you have a screenshot of this or a live site where we can debug it?

Bump.

Really need a live instance to help, I'm not really sure what you are requesting at the moment.

 

[Grimes]

Do you have a screenshot of this or a live site where we can debug it?

Sure, I'll post a screenshot soon.

Really need a live instance to help, I'm not really sure what you are requesting at the moment.

I was bumping post 19 https://pixelexit.com/threads/a-few-more-styling-questions.2487/#post-12861. The code @Russ gave did the opposite of what I want to do (hide the background image on mobile, but show the logo). His code hides the logo but leaves the background image. Thanks.

 

[Steve]

Okay try instead

@media (max-width:@maxResponsiveWideWidth) {
   #logoBlock .pageContent { background-image: none; }
}

 

[Grimes]

Here's a couple screenshots of the mobile login css issue. As you can see, things are getting pushed over to the left for some reason.

 

[Steve]

Is this the newest version. I've just noticed an issue with how the Log In link is located in mobile. Will need to make an update.

 

[Russ]

Try something like this in extra.css for now:

@media (max-width:@maxResponsiveWideWidth)
{
.Responsive #loginBar #loginBarHandle
{
float: none;
}
}

 

[Grimes]

Is this the newest version. I've just noticed an issue with how the Log In link is located in mobile. Will need to make an update.

I'm running XenBase v.1.4.5.1 and Apex v. 1.4.5.

Thanks, @Russ. Worked like a charm.

 

[Russ]

I'm running XenBase v.1.4.5.1 and Apex v. 1.4.5.

Thanks, @Russ. Worked like a charm.

Awesome, I believe it may be specific to Apex we'll take a look at it.