Conditional formatting in a post

  • Calvin Powers

    (@cspowers)


    9 years, 4 months ago

    I have a mobile responsive theme (Genesis Magazine Pro), which works great for displaying well on both small phones, tablets, and browsers.

    My problem comes within the body of post.

    For example, I’m doing posts that contain album reviews and each review has a 300×300 image of the album cover.

    When people are looking at it on a regular desktop browser, I want the image to be aligned right with the first paragraph of review. But on mobile devices I want the image to be in a paragraph before the first paragraph, aligned “none.”

    Is there a way to inject conditional coding in the body of a post for different devices/sizes?

Viewing 2 replies - 1 through 2 (of 2 total)
  • JenR

    (@jennifer-roberts)

    9 years, 4 months ago

    Yep, you can use media queries in the CSS to target different size screens.

    http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    You may be able to use existing CSS classes/ids and/or element tags or you can define new CSS classes. If you’re not familiar with CSS, that site I linked to above is a great resource to learn it.

    For additional theme-specific help, you should ask StudioPress – as support is part of what you paid for and we have no access to commercial themes so can’t really help with them.

    Thread Starter Calvin Powers

    (@cspowers)

    9 years, 4 months ago

    Jen R. Very helpful. I’ll look into media queries. Doesn’t look to hard.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Conditional formatting in a post’ is closed to new replies.