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!

    #131823

    djordjegrubac
    Theme Author

    Hello,

    I understand, but please note that there are two version of Veni theme – for WordPress.com and for self-hosted WordPress.org.

    You probably saw demo for self-hosted WordPress installation.

    If you check theme demo on WordPress.com, you will see that vertical titles are not displayed: https://venidemo.wordpress.com/

    Thank you,
    – Djordje

    #132188

    calmomind
    Member

    Hi,

    I have the same issue. My blog is at wordpress.com but I have a custom CSS. I just placed your css code but it did not do the trick.

    SHould I have other CSS modifications to go with it?

The topic ‘Vertical Page Titles’ is closed to new replies.