PLZ HELP! “List” aka Bullet Point Spacing Issues

  • Hello, first off I just want to say thank you in advance to whoever takes the time to help me. I am viewing my site via Google Chrome. As my title says, I am having an issue with bullet point formatting on my site. I am specifically referring to the bullet points at the very very top of my page, next to the logo.

    For some reason, whenever I create a list there , the bullet points appear very far left, right next to the site logo. I need the bullet points to be further to the right, right next to where you see the text is now.

    On a side note, if I remember correctly, it looked just fine when my site was viewed using Safari. I am viewing my site through Google Chrome when I experience this issue. Just want to give all the information possible. I am happy to give any more details you need and answer any questions. Thank you so much!

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

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

  • Hi kingklick, simply put .head-mast ul?{list-style-position: inside;} in your style file and adjust the width of the columns. Hopefully, this will resolve the issue.

    Thread Starter kingklick

    (@kingklick)

    Hey @jawadzahid10 thanks for the reply friend. You are referring to the main stylesheet of my theme correct? I understand how to add this code you recommended to my stylesheet, but how would I go about adjusting the width of my columns? Thank you by the way.

    in the .head-mast div, replace <div class=”col-lg-5 col-md-6 col-8″> with <div class=”col-lg-4 col-md-6 col-8″> and <div class=”col-lg-7 text-right head-main-ad”> with <div class=”col-lg-8 text-right head-main-ad”>.

    Highlighted text will be changed.

    Thread Starter kingklick

    (@kingklick)

    @jawadzahid10 I’m so sorry, I am new to CSS to be completely honest, but I am a quick study. Are you saying I need to add a section at the end of my stylesheet: .head-mast ul?{list-style-position: inside;}

    And then below the the .head-mast section I just added, put the code you just mentioned? Can you show me an example of what that might look like? It’d help a ton if you could edit my stylesheet and tell me what you added/changed so I can learn. I’d be very grateful.

    I have uploaded the stylesheet for my theme here: https://drive.google.com/file/d/1cQAp1_mbfx6RFBnqEcMbuh2OE6SDJ2ZP/view?usp=share_link

    @jawadzahid10 I’m so sorry, I am new to CSS to be completely honest, but I am a quick study. Are you saying I need to add a section at the end of my stylesheet: .head-mast ul {list-style-position: inside;} – YES, YOU ARE RIGHT.

    Add the .head-mast ul?{list-style-position: inside;} at the end of the file (leave the col-lg CSS for now as this is confusing you). This should fix the bullets. They will go with the text. First, do this and see if this is fixing your problem.

    Moreover, please tell me how you created the homepage of the website so that I know where should take you to change the code.

    • This reply was modified 1 year, 8 months ago by jawadzahid10.
    Thread Starter kingklick

    (@kingklick)

    @jawadzahid10 Thank you for your help so far. I am using WordPress for this website.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘PLZ HELP! “List” aka Bullet Point Spacing Issues’ is closed to new replies.