• Resolved dudewalker

    (@dudewalker)


    Is it possible to customize WP Touch to align the link title and arrow on the same line?

    The arrow to the right of the link title appears on the line below the link.

Viewing 9 replies - 1 through 9 (of 9 total)
  • assuming u r using the default wptouch bauhaus theme, in the wptouch customizer css, add

    #content .loop-link h2
    {
        margin: 20px 0 15px 0;
    }
    
    • This reply was modified 9 years, 2 months ago by airdrummer.
    • This reply was modified 9 years, 2 months ago by airdrummer.
    • This reply was modified 9 years, 2 months ago by airdrummer.
    Thread Starter dudewalker

    (@dudewalker)

    airdrummmer,

    Thanks! It appears that we are on the right track.

    Alignment of the “link” and “>” can be achieved, however, there are fewer featured post links view-able. Shooting for 5 view-able post links, but the blank space appears to have increased and reduced the view-able featured posts from 4 to 3.

    Under Blog: Number of post in post listing set to 5.

    EDITED: Yes, Bahaus

    • This reply was modified 9 years, 2 months ago by dudewalker. Reason: missed a question

    of course u could reduce the margins, or limit ur titles to 1 line…on titles > 1 line, the image/date circle also floats to the top of the entry, also making for a ragged look. and of course the circle limits how small the entire entry can be…i suggest playing with the css in ur fave web inspector;-)

    • This reply was modified 9 years, 2 months ago by airdrummer.
    Thread Starter dudewalker

    (@dudewalker)

    I did play with the margins, it appears to be the container where the link appears that does not want to reduce in size.

    Limit titles to 1 line? That is how they are appearing on in the viewer and on my mobile device.

    Here is a link to the website:

    http://www.dudewalker.org

    looks like .loop-link has the following:

    min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;

    try reducing those…

    Thread Starter dudewalker

    (@dudewalker)

    Those would be located in the main plugin editor?

    Thread Starter dudewalker

    (@dudewalker)

    Airdrummer,

    At a loss, cannot locate the .loop-link code, any suggestions?

    Thread Starter dudewalker

    (@dudewalker)

    RESOLVED: Used [ ctrl + shift + i ] to inspect device via WP Touch Custom CSS.

    Copied related code into Custom CSS Declarations and adjusted code as needed.

    Thank you to [ airdrummer (@airdrummer) ] for sending me down the right path.

    WP Touch is a cool and versatile plugin.

    LOVE the real time CSS customization feature!

    #content .loop-link h2
    {
        margin: 0px 0 -40px 0;
    }
    
    .loop-link {
        display: block;
        position: relative;
        min-height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .load-more-link, .load-more-comments-wrap a {
        padding-top: 2px;
        padding-bottom: 0px;
        font-weight: normal;
        font-style: normal;
    }

    congrats, u r no longer just a microserf!-)

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

The topic ‘WP Touch’ is closed to new replies.