Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [help] right to left support with Postrank widget

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25061
    italib
    Member

    Hi guys,
    i d say i found your website on PostRank! and really i was looking for someone who works with CSS & javascript .
    im trying to translate their PostRank widget into arabic and i got some problems (excuse me as im a beginner in web design) :
    ‘Toipc:’ word when i tranlsated it into arabic ,then i needed it to be on the right, i tried to change with text-align:right but it stayed on left but with unstyled code it works !as my template is RTL so any idea how to fore it to be on the right even with custumized style?

    the other issue is the box where we type search texts , how i could resize it ( change its width) ?
    here the javascript code : http://api.postrank.com/static/widget-v2.js
    and the CSS one : http://api.postrank.com/static/widget-v2.css
    thnx

    #58902
    calebkester
    Member

    Could you include a screenshot or a working site? I’m a bit confused…

    Do you want the "Topic:" word to be on the right side of the box? Or do you need the text to align-right? If it works unstyled then you probably have an "align:left" overriding your "align:left" (or it could be floated left).

    To resize the input box look for this line:

    Code:
    .postrank-widget .postrank-options .postrank-topicsearch input{ width: 100%; }

    The width is currently set to 100% which means it will fill the surrounding box.

    If you have a working image of the text trouble you’re having it would be more helpful,

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.