Container for “Create new topic”

  • Resolved tapiohuuhaa

    (@tapiohuuhaa)


    7 years, 2 months ago

    I would like to have better CSS-control for Create new topic button and other buttons, which has these classes/id
    .bsp-center subsription toggle bsp-one-third

    I would like to have container element for all of them in order to position them exactly as I wish. It would be very easy to add a container div for them. name would be class=”?-container”

    I would set for the container certain with and then float another button to left and another to the right.
    Alternative I could position another button to the left and another button to the right.

    Without container element floating cause sometimes ugly result and layout is out of full control. Container element would be “own sandbox” for those buttons. This would prevent unexpected result, which free floating always cause.

    You see on the top are button info and reload. They have “sandbox”.

    I get partial solution by adding below that sandbox
    <div class=”container-for-forumarea”>
    the end of the div is on the bottom of the page, so I can’t set height value like I succeeded for reload and info buttons.

    Own sandbox might help also other designers, because it gives better change in order avoid non-functional buttons (there was a discussion about this issue)

    IMO always set of buttons should have sandboxes in order to get full control to layout.

    In addition every button should have unique class or id in addition of shared class name, for example “bsp-edit-profile”.

    If somebody like me want exact layout control, it need both enough containers/wrappers and classes/id-attributes.

    • This topic was modified 7 years, 2 months ago by tapiohuuhaa.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    I got relative working buttons. But because I can’t completely take off the login/log out button (buttons don’t have unique classes/id), the invisible login/log out still takes some space, which cause in narrow screen multi line big space between links. The extra space comes from container div, which has the same classes (bsp-center bsp-one-third) as Create new button.

    I assume that somebody else would like to completely remove login/log out button by setting for the container div display:none, because those links are commonly elsewhere.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    Is there a way, that I could myself code the top area and take out of usage the function, which creates three buttons.

    I don’t want to edit the source but I could do my own version with Code Snippet. The default behavior is just annoying.

    I would take totally off login/log out links, which cause the annoying behavior.

    • This reply was modified 7 years, 2 months ago by tapiohuuhaa.
    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    The unwanted wrapper for login/log out link cause this unwanted behavior:
    https://aijaa.com/DpUvFs

    Plugin Author Robin W

    (@robin-w)

    7 years, 2 months ago

    I am busy on paid work.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    Sorry login/logout was activated. It can deactivate. But there are still CSS-problems.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    I fixed that. I created a duplicate function from creating profile link function and just renamed it. Then I created my own function for create new button + profile link. Then I set those classes, which don’t cause problems and I set “sandbox” for both buttons.

    I get good result.

    Sorry, I was annoyed about bad behavior, which I failed to fix with my own CSS.

    Even if I get this fixed, my opinion is still that there are problems with the related CSS, related classes and problems with container elements.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 2 months ago

    Sorry, but problems,which has been explained

    https://ww.wp.xz.cn/support/topic/create-topic-button-is-not-responsive/

    relate with this issue because it is HTML structure + CSS problem. Sometimes those problems takes time to solve.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Container for “Create new topic”’ is closed to new replies.