Moving bullet to the right

Viewing 15 replies - 1 through 15 (of 19 total)

  • 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.

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

    Thread Starter aabusaad

    (@aabusaad)

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

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

    So it should look something like this: <html xmlns=”https://www.w3.org/1999/xhtml&#8221; xml:lang=”ar” dir=”rtl”>.

    Did that fix it?

    Thread Starter aabusaad

    (@aabusaad)

    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?

    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.

    Thread Starter aabusaad

    (@aabusaad)

    [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]

    Thread Starter aabusaad

    (@aabusaad)

    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.

    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.

    Thread Starter aabusaad

    (@aabusaad)

    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.

    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.

    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;

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

    Thread Starter aabusaad

    (@aabusaad)

    I tried that, it didn’t work though.

    Thanks for trying.

    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;

}

    Thread Starter aabusaad

    (@aabusaad)

    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.

    Thread Starter aabusaad

    (@aabusaad)

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

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Moving bullet to the right’ is closed to new replies.