How to write text at an angle?

  • Hello experts,

    Is there any way to write text at an angle? means I want to show my the text on my post like this. As you can see the word “Sol” is at angle of -45 degrees and doubled underline.

    How to do that?

    Thanks

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

  • Hi,

    Just wrap that text in a wrapper and give it a specific class like ‘rotator’ and then use this CSS:

    .rotator{
transform: rotate(-45deg);
}

    It will rotate that specific text to -45 degrees.

    Hopefully, this will help you.

    Thanks

    Thread Starter shayaamnustafa

    (@shayaamnustafa)

    first of all thanks a lot for your reply. But I am truly a dumb at html, css, js etc.. i don’t know what do you mean by wrap that text in a wrapper. can you write the code just for the “Sol” word? with doubled underline and rotated?

    Thank you .

    this could help: https://www.w3schools.com/cssref/css3_pr_transform.asp

    So could look like this:

    
CSS
div.a {
    width: 150px;
    height: 80px;
    padding: 10px;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari 3-8 */
    transform: rotate(-45deg);
    text-decoration-line: underline;
    text-decoration-style: double;
    color: blue;
}

    Make the content display at 45 degrees
    in an area 150px wide by 80px high
    underline the text and make it double
    make text color blue

    
HTML
<div class="a">Sol</div>

    anything wrapped in the div class a will use the CSS styling

    Thread Starter shayaamnustafa

    (@shayaamnustafa)

    Thank you both of you. Thanks a lot. It works.
    “Out of topic”
    I would like to ask any of you or any of your friend is expert in modifying the blogger template? I need help with one blogger template (.xml file)

    Thank a lot.

    @shayaamnustafa: If you’re looking for support with Google Blogger, you should post at their official support forum:

    https://support.google.com/blogger/?hl=en#topic=3339243

    Thread Starter shayaamnustafa

    (@shayaamnustafa)

    hello moderator. thank you for your suggestion. I tried their. They said they don’t help with third party template. I am finding for help for 3 months. no success ??

    If you purchased the template, you might be able to get support from them; otherwise, you might have some luck asking your friends or on a places like Craigslist. Either way, this is a WordPress support forum, not a Blogger support forum.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to write text at an angle?’ is closed to new replies.