Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Align fields and make them non-bullet points and remove Related Post content

Viewing 10 posts - 11 through 20 (of 28 total)
1 2 3
  • Christiaan Punter
    (Private)  October 10, 2020 at 10:55 am #262630

    I copied the text from this very page and it pastes correctly. After saving it turns to
    “& g t ;” (without the spaces). When I paste that text as it appears in the Custom CSS box after saving into this web form, the form corrects it again. (hence my earlier comment having twice the > symbol.

    Trevor Moderator
    (Private)  October 10, 2020 at 11:08 am #262632
    This reply has been marked as private.
    Christiaan Punter
    (Private)  October 10, 2020 at 11:12 am #262634
    This reply has been marked as private.
    Trevor Moderator
    (Private)  October 10, 2020 at 11:14 am #262636

    That probably would not work.

    When you copy the code I gave you, it should not convert the > symbol to its HTML entity. What are you pasting the code in to, an editor, or where?

    Christiaan Punter
    (Private)  October 10, 2020 at 11:20 am #262638

    What would not work? I think Skype desktop share will save a lot of typing…

    I am adding the code in the Custom CSS section of the theme. See the snapshots that I shared earlier. This does work for lots of other stuff. Alternatively, there is also direct access to the actual php theme files, as also shared on the screengrabs.

    Trevor Moderator
    (Private)  October 10, 2020 at 11:30 am #262640

    I saw the screenshots. I do not know why the > is being converted to a HTML entity. It should not be doing that. The > symbol is valid. You can remove it, but the CSS would be less specific. My site happily accepts that symbol and does not convert it, so something is wrong with either your browser or the server.

    Christiaan Punter
    (Private)  October 10, 2020 at 11:37 am #262642

    It just occurred to me that there is another instance where custom CSS can be added, in the Customizing –> additional CSS section of WordPress. I pasted the code there and voila, the bullet points are gone. However, the fields are still in the same positions, too far to the right. They should align more to the left, right above the “Found 709 results” text.

    You can see the result here:
    https://www.hifi-advice.com/blog/search-and-filter/?sf_paged=2

    Trevor Moderator
    (Private)  October 10, 2020 at 11:57 am #262644

    OK, I will need to get on this on Monday. We are not officially open over the weekend. Here is the CSS you need:

    .searchandfilter ul {
    margin-left: 0;
}
    Christiaan Punter
    (Private)  October 10, 2020 at 12:14 pm #262646

    Ok no worries, thanks for the help so far.

    Just to confirm: the last code does make the text jump halfway over to the left but it’s still not fully aligned. Looking at it using Google Inspect, it seems that the elements within the ul section that you are moving have a 10px padding themselves. But that can wait until after the weekend:-)

    Trevor Moderator
    (Private)  October 12, 2020 at 2:15 pm #262711

    I see what is causing the extra left padding (again from your theme). This should fix it:

    .body-content .searchandfilter ul li {
    padding-left: 0;
}
  • Author
    Posts
Viewing 10 posts - 11 through 20 (of 28 total)
1 2 3

The topic ‘Align fields and make them non-bullet points and remove Related Post content’ is closed to new replies.