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