WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Moving bullet to the right (20 posts)

  1. aabusaad
    Member
    Posted 2 years ago #

    Hi,

    I am using the diary theme and I would like to move the star bullets to the right because the site is rtl. How can I do that?

    http://www.yummyarabia.com/

    Regards..

  2. TCBarrett
    Member
    Posted 2 years ago #

    I'm unfamiliar with the theme, but thing to look up is "css right to left languages". You will then need to set the language and update the css as appropriate.

    http://lmgtfy.com/?q=css+right+to+left+languages

  3. aabusaad
    Member
    Posted 2 years ago #

    Thanks TCBarret.. but the link doesn't seem to work!

  4. Ziv
    Member
    Posted 2 years ago #

    Add dir="rtl" to the <html decloration in your header.

    So it should look something like this: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" dir="rtl">.

    Did that fix it?

  5. aabusaad
    Member
    Posted 2 years ago #

    Thanks Ziv,

    there is no html decoration in the header.php

    plus the bullets are on the sidebar, shouldn't the change be in there?

  6. Ziv
    Member
    Posted 2 years ago #

    Can you post the <head> area of your header.php here? And if you change it in the header it will change it for the entire page.

  7. aabusaad
    Member
    Posted 2 years ago #

    [Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

  8. aabusaad
    Member
    Posted 2 years ago #

    I have the Arabic locale installed so text is right to left. The problem is that the bullets are coded to be on the left side.

  9. Ziv
    Member
    Posted 2 years ago #

    I am looking at your site and it looks like you have everything set up correctly. Sorry but I don't know what the problem is. Try doing some more googles.

  10. aabusaad
    Member
    Posted 2 years ago #

    Thanks for your concern Ziv.

    If you look on the sidebar, the star bullets are on the left where they should be on the right of the text since it is Arabic. Would appreciate it if you can help.

  11. iplaytheme
    Member
    Posted 2 years ago #

    I'm unfamiliar with the theme, but thing to look up is "css right to left languages". You will then need to set the language and update the css as appropriate.
    I’ve an issue with pagination.
    If I click the next page in blogstyle I and II I get the same postings again.
    [link removed]
    hope to hear from you.

  12. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    the 'bullets' are actually background images - you need to change the background position:

    in style.css, find:

    .sideBox ul li {
    	padding:4px 0;
    	direction: rtl;
    	text-align: right;
    	background: url(images/bullet_star_pink.png) 0 9px no-repeat;
    	padding-right:20px;
    
    }

    change the one line to:

    background: url(images/bullet_star_pink.png) right 9px no-repeat;

    http://www.w3schools.com/css/css_background.asp

  13. aabusaad
    Member
    Posted 2 years ago #

    I tried that, it didn't work though.

    Thanks for trying.

  14. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    I don't see the changes made in style.css -

    have you tried to clear the browser cache after the changes to the styles?

    the section should look like:

    .sideBox ul li {
    	padding:4px 0;
    	direction: rtl;
    	text-align: right;
    	background: url(images/bullet_star_pink.png) right 9px no-repeat;
    	padding-right:20px;
    
    }
  15. aabusaad
    Member
    Posted 2 years ago #

    I did clear my browser's cache, it seems the server is caching. It happened to me before, when I added the newsletter button, it took a day to show up on my computer.

    I'll try from another computer and let you know.

  16. aabusaad
    Member
    Posted 2 years ago #

    I just checked from another computer, the code has been reflected, but no changes to the bullet positioning :(

  17. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    but no changes to the bullet positioning

    weird, as I see the bullets (orange stars) on the right of the text in the sidebar:

    screenshot

  18. aabusaad
    Member
    Posted 2 years ago #

    YAY!! Now it is on the right side.

    Thank you so much!

  19. Ziv
    Member
    Posted 2 years ago #

    Glad you got it fixed.

  20. aabusaad
    Member
    Posted 2 years ago #

    Thanks Ziv

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags