Vertical Page Titles

  • Author
    Posts
  • #131261

    masumahj
    Member

    How do I make the page titles appear to be written vertically (like in the demo) as opposed to horizontally

    The blog I need help with is lifeofamedic.com.

    #131450

    djordjegrubac
    Theme Author

    Hello,

    I’m guessing that you saw demo on our website.

    Unfortunately that setting is not available on WordPress.com without CSS changes.

    Please add this class to Custom CSS:

    .page-template-portfolio-page .entry-header, .tax-jetpack-portfolio-type .page-title, .post-type-archive-jetpack-portfolio .page-title {
        position: absolute;
        top: 0;
        left: calc(-100% - 225px);
        text-align: right;
        min-width: 100%;
        margin: 0;
        padding-right: 0;
        opacity: .2;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        transform-origin: top right;
    }

    This should do the trick.

    Thank you,
    – Djordje

    #131523

    masumahj
    Member

    My wordpress plan doesn’t allow me to edit CSS. I’m really disappointed as that was displayed in the demo and is one of the reasons why I went for the Veni theme!
    I think it’s really misleading to display something in the demo that can’t be used by all buyers of a theme.

    The horizontal titles completely change the appearance of the pages!

You must be logged in to reply to this topic.