Put these links side by side?

[[ RENZ ]]

I would like for the links within this code to go side by side, rather than one after the other.

So there will be 3 links on the left, then to the right 3 more.
Or if I create more links, 4 on the left, 4 to the right.

It currently looks like this:

BBCode

I would love for it to look like this:



Here's the code. I can grab more of it if you need it. Let me know!
Otherwise here it is:

           
           <div class="info-center">
               
               <div class="info-quick">
                   <div class="info-titles">LINKS</div>
                   <div class="quick-content">
                       <a href="http://" class="quick">LINK #1</a>
                <a href="http://" class="quick">LINK #2</a>
                <a href="http://" class="quick">LINK #3</a>
                <a href="http://" class="quick">LINK #4</a>
                <a href="http://" class="quick">LINK #5</a>
                <a href="http://" class="quick">LINK #6</a>
                   </div>
               </div>

[Tumbleweed]

Try this:

.quick-content a{display:inline-block;}

[[ RENZ ]]

Tumbleweed uhh well we're part way there haha

It DID do what I want: put the links side by side, but it also got rid of the text box.

Now it looks like this:



Perhaps I put it in the wrong spot? If so I have no clue where else it would go.

I now have the code as:


  <div class="info-quick">
                   <div class="info-titles">LINKS</div>
                   <div class=".quick-content a{display:inline-block;}">
                       <a href="http://" class="quick">LINK #1</a>
                <a href="http://" class="quick">LINK #2</a>
                <a href="http://" class="quick">LINK #3</a>
                <a href="http://" class="quick">LINK #4</a>
                <a href="http://" class="quick">LINK #5</a>
                <a href="http://" class="quick">LINK #6</a>
                   </div>
               </div>


[Tumbleweed]

Sept 29, 2017 11:54:57 GMT -8 [ RENZ ] said:

Tumbleweed uhh well we're part way there haha

It DID do what I want: put the links side by side, but it also got rid of the text box.

Now it looks like this:



Perhaps I put it in the wrong spot? If so I have no clue where else it would go.

I now have the code as:


  <div class="info-quick">
                   <div class="info-titles">LINKS</div>
                   <div class=".quick-content a{display:inline-block;}">
                       <a href="http://" class="quick">LINK #1</a>
                <a href="http://" class="quick">LINK #2</a>
                <a href="http://" class="quick">LINK #3</a>
                <a href="http://" class="quick">LINK #4</a>
                <a href="http://" class="quick">LINK #5</a>
                <a href="http://" class="quick">LINK #6</a>
                   </div>
               </div>


I'm sorry, what I gave you should go at the bottom of your style sheet. I assumed you had styles and were using the style sheet since you have classes for different divides.  This....

<div class=".quick-content a{display:inline-block;}"> ....is totally improper. If you aren't going to use your style sheet but rather use inline style then this should work:


<div class="quick-content" style="display:inline-block;">

[[ RENZ ]]

Sorry, I'm a bit confused now haha

Just copy and paste ".quick-content a{display:inline-block;}" to the bottom of my style sheet?
And that will cause all links to evenly go side by side?

The bottom bit you included in your most recent reply is what's really confusing me now.
Whatever is easiest, that's what I shall do. Or whatever is easiest AND works properly...
So link boxes side by side AND within the scroll box still

However, I'm having serious issues with the entire site now.
Since putting up a new skin and switching it to my default via my profile settings, I can't even edit my profile
+ I can't expand or collapse categories and all but 2 categories are stuck in the collapsed position.
I posted another thread asking for help on it. You may require seeing the forum itself to figure it out...
If you're even able to help with that?
If so, the site is on maintenance mode so people don't visit via affiliates and advertisements (it's not a new site)
see it and believe it's inactive or that it looks the way in which it does as I work on it.
Are you able to view the forum while on maintenance mode due to being PB Support staff?
If so, and if you believe you can help with that issue, let me know there and I'll post a link to the site.

I'll continue to work on this - the links / issue in this post, but that's my main concern
Until I figure all that out, I can't even open the site hah kinda not good....

[Tumbleweed]

Now that I know you are using a premade theme per this thread:(http://support.proboards.com/thread/640114/where-heck-font-size-text) you probably have the styles already in your style sheet. You need to go looking there and if they are a good theme designer should have things labeled. Look for the classes: info-quick, info-titles, quick-content and if they were nice, put them at the bottomish of you style sheet.  If you don't see them in your style sheet then they may have put the styles in the template. I don't really know what template that would be since I don't know where these boxes appear on your forum.

If you can find the styles that go with the box of links, post the styles here and I can see what is wrong.


And you probably have styles in your style sheet for that table in that other thread.

As far as your problems with a new theme and not being able to edit your profile, it is probably a theme that is outdated so you will need to reset the "Edit User Profile" template.
Go to Admin > Structure > Layout Templates. Make sure the correct theme is selected under "Current Theme", then click into the 'Edit User Profile' template. There you'll see a button "Reset to Default", click that, then the Save Changes button. 
See if you can edit your profile after that.

Only the red names (admin) here on ProBoards have the powers to go to a forum while in maint. mode so I can't help you there at all. 
As far as the collapse category problem, I have no clue and it would be just a guessing game on my part but if they are using a plugin to collapse the categories then you may want to look there as there are things you probably need to edit.

[[ RENZ ]]

Ah, thank you! Resetting the user profile section worked.

I checked off the plugin for the collapse/expand plugin, then checked it again to see if that would help. It did not. So, if the theme creator put the collapse/expand option in via coding, would that be located in the Visual Editor? If so, I haven't made any adjustments there at the moment. The skin itself is very much still its default appearance, so I wouldn't mind resetting that. The only thing I've tinkered with is the Forum Wrapper - but even that I made minor adjustments so far so I don't mind if that even gets reset if I reset the Visual Editor.

I did notice 2 options though that both appear to be for resetting:
(1) "You can reset the CSS Source to default."
(2) "If you would like to reset the structure of your Visual Editor, you can do so by clicking here."

Which would be the correct option to click?

The theme is one people can edit to their liking but the person hasn't replied to anyone recently whatsoever, so I don't believe they'll be any help.

[Tumbleweed]

Sept 30, 2017 18:03:53 GMT -8 [ RENZ ] said:

Ah, thank you! Resetting the user profile section worked.

I checked off the plugin for the collapse/expand plugin, then checked it again to see if that would help. It did not. So, if the theme creator put the collapse/expand option in via coding, would that be located in the Visual Editor? If so, I haven't made any adjustments there at the moment. The skin itself is very much still its default appearance, so I wouldn't mind resetting that. The only thing I've tinkered with is the Forum Wrapper - but even that I made minor adjustments so far so I don't mind if that even gets reset if I reset the Visual Editor.

I did notice 2 options though that both appear to be for resetting:
(1) "You can reset the CSS Source to default."
(2) "If you would like to reset the structure of your Visual Editor, you can do so by clicking here."

Which would be the correct option to click?

The theme is one people can edit to their liking but the person hasn't replied to anyone recently whatsoever, so I don't believe they'll be any help.

If you found the collapse/expand plugin in your admin panel then that is where you edit it. There are two things you need to check. I provided a screen shot below. One is just simply clicking on the edit button (circled in red) and that is where you change who can view the plugin and what themes you want it to work on.  If you just click on the name of the plugin (shaky circle in green) a pop up will come and and you click the setting tab. That is where you add the categories you want to collapse and set some other things.


Now to address the original issue and that is getting those links side by side, first, Do not click the reset in your visual editor (it's actually, the style sheet) as that will change everything. What you want to do is click on the style sheet tab and then scroll to the bottom and look for any classes that are in the links html. I listed them in my previous post.

Or better yet, if it is a theme in the ProBoards library, can you tell me which one and I can download it and find where everything is and see if that theme is messing with the collapse categories thing too.