0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Creative Formatting Question...

    • Rich Bean's Avatar
    • Rich Bean
    • Elite Rocketeer
    • Posts: 1194
    • Thanks: 1

    Creative Formatting Question...

    Posted 14 years 10 months ago
    • Hi All,

      I'm trying to sort out a formatting issue that would make things easier to turn over to a client.

      I normally use the intro text as "not shown" in the full article so I can use it for things like rokstories or roknewspager. Thanks to Kat by the way for pointing that out to me a long time ago. :)

      The one issue with that is if you use a large image (500px) in the intro text for rokstories, then in category blog view it's not very appealing.

      I know that I could create a separate category and just use that for the rokstories parts but I'm pretty sure the client wouldn't use it that way. So I'm trying to streamline as much as possible.

      Does anyone have any ideas on how to force an image resize in category blog view or have some other idea? Maybe with an html override?

      I don't want to use K2, have already given a bit of thought to that.

      Thanks in advance,

      Rich
    • My Sites:
      Perth Website Design
      Scuba Marketing
      I'm a Henning Stalker!
  • Re: Creative Formatting Question...

    Posted 14 years 10 months ago
    • How about a solution like this ?
      You can change the display: none, to the specific width and height. Don't forget to check the id or class element too and adjust it for the category or blog page.

      Let me know the result and feel free to ask if it's not clear.
    • Rich Bean's Avatar
    • Rich Bean
    • Elite Rocketeer
    • Posts: 1194
    • Thanks: 1

    Re: Creative Formatting Question...

    Posted 14 years 10 months ago
    • Hi Arifin,

      Thanks, it did indeed work. I sized them in the css class to a specific size since rokstories images work better if they are all the same to begin with for layout.

      Assigned the class to the individual images as they get stripped out of rokstories but not blog view.

      So for anyone else, add a new image class in your template.css, and assign it to the image. That simple.

      For example this is what I used:
      .image-full {
      width: 250px;
      height: 187px;
      border:3px solid #DDDDDD;
      margin:5px;
      padding:2px;
      }

      The results:

      Your large image (500x375 in my case) is displayed in rokstories, but in blog category view it is resized to 250x187.

      I also added a border similar to .album or .rt-image

      (Note: it would also be the same in the article itself if you choose to show intro text.)

      Thanks again! I can think of quite a few times where this would come in handy.

      Rich
    • My Sites:
      Perth Website Design
      Scuba Marketing
      I'm a Henning Stalker!
  • Re: Creative Formatting Question...

    Posted 14 years 10 months ago
    • Great. Glad to hear it works. :D
      Thanks for sharing your codes too :)
    • imagine4D's Avatar
    • imagine4D
    • Hero Rocketeer
    • Posts: 409
    • Thanks: 1
    • Project developer

    Re: Creative Formatting Question...

    Posted 14 years 10 months ago
    • It's great to learn more about the potential of using images classes, thanks for posting this!
    • Rich Bean's Avatar
    • Rich Bean
    • Elite Rocketeer
    • Posts: 1194
    • Thanks: 1

    Re: Creative Formatting Question...

    Posted 14 years 10 months ago

Time to create page: 0.054 seconds