Get post width to calculate wrapper width in horizontal scroll theme

  • vivoeusebio

    (@vivoeusebio)


    10 years, 8 months ago

    Hello. I’m trying to build a child theme using the Twenty Twelve theme. I want it to have horizontal navigation and so far my efforts have me at this:

    http://fpinheiro.net46.net/

    What I need now is to have the content wrapper’s width set correctly so I can have true horizontal scrolling. Right now the posts display horizontally but I don’t have a scroll. I tried checking the code on themes like Samarcanda (http://demo.yithemes.com/samarcanda/) but I have failed to understand where the width is calculated.

    I also looked around on the Codex to find a function that would give me a post’s width or something similar, but I’m not sure if one exists. Or perhaps there is some way to manipulate the DOM? I’m not very experienced on DOM manipulation but I’ll take any hints.

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Christiaan Conover

    (@cconover)

    10 years, 8 months ago

    What you need to do is assign the following CSS attribute to the CSS class post:

    display: inline;

    This will place your posts horizontally from left to right.

    Thread Starter vivoeusebio

    (@vivoeusebio)

    10 years, 8 months ago

    Thank you, I’m tinkering with the CSS using your sugestion, but probably I’ll have to remove other diplay or float properties to get it to work.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Get post width to calculate wrapper width in horizontal scroll theme’ is closed to new replies.