• Resolved isloooboy

    (@isloooboy)


    I am making an Urdu Website for my local Community and designing is done but I am unable to align post titles to the right side, please guide me in this regard.

    I am using Merlin Free Theme

    Here is the link to view my site
    Qalamkar.pk

    I want to clarify one thing here is, I tried “Custom CSS Manager Plugin” and put code;

    h1.entry-title {
    text-align: right;
    width: 100%;
    }

    but it is not working as well.

Viewing 15 replies - 1 through 15 (of 30 total)
  • Thread Starter isloooboy

    (@isloooboy)

    Also if you can guide me , “How to right Align widget titles” as well

    I didn’t see h1 in your HTML code. There is h2, however. You might also want to add float:right to your custom CSS code.

    For your widget titles, you can use custom CSS on this selector: .widget ul

    Thread Starter isloooboy

    (@isloooboy)

    You mean I am wrong on h1?

    and code must be like this?

    h2.entry-title {
    text-align: right;
    width: 100%;
    float:right;
    }

    Yes to both. Code looks good now. Is it giving you the result you want?

    Thread Starter isloooboy

    (@isloooboy)

    it worked but now it is showing a line under title, although it is not underline but….

    It was showing a line before you changed the code anyway.

    If you prefer no line, just use this instead: h2.entry-title a

    Thread Starter isloooboy

    (@isloooboy)

    like the below?

    h2.entry-title a {
    text-align: right;
    width: 100%;
    float:right;
    }

    Yep you got it

    Thread Starter isloooboy

    (@isloooboy)

    Done, Great

    Thanks Dear wanderer,

    Can you guide me about widget title as well?

    For your widget titles, you can use custom CSS on this selector: .widget ul

    It should be pretty easy to figure out.

    Thread Starter isloooboy

    (@isloooboy)

    code will be like the below?

    widget ul-title a {
    text-align: right;
    width: 100%;
    float:right;
    }

    You only need this selector: .widget ul

    and you only need text-align:right

    Thread Starter isloooboy

    (@isloooboy)

    this way only??
    or I have to add something else as well?

    .widget ul
    text-align:right

    not working

    Your code needs brackets ??

    You might also want this since your widgets have other text:

    .entry-content p {
      text-align:right;
    }
    Thread Starter isloooboy

    (@isloooboy)

    I found only this code in Editor


    .widget ul {
    margin: 0;
    padding: 0 0.3em;
    list-style: circle inside;
    }

    .widget ul .children,
    .widget ul .sub-menu {
    padding: 0;
    margin: 0.5em 0 0.5em 1em;
    }

    but there is not text-left or right mentioned

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘How to Align Post Title to the Right?’ is closed to new replies.