Rokstories - Image Not Displaying Properly
-
-
- Doreen
- Hero Rocketeer
- Posts: 351
- Thanks: 0
-
Hi everyone:
I've tried everything I can think of to get the images in the RokStories showcase on the home page show up properly, but they are misaligned.
I'm not sure if it is an issue of not having the images be the right size (dimension wise) or if my changing the source for the showcase background is the issue. In any case, I'm hoping there is a quick fix to make this work that I'm just not able to see at the moment.
That said, how can I get the image to show up as it is suppose to - in the photo frame of the showcase?
This image is hidden for guests.
Please log in or register to see it.
Thanks!
Doreen
Test Site: siterelishmarketing.com/befit/rt_grunge_wp-rocketlauncher/
WordPress
Grunge (RocketLauncher)
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
- The image sizes are all correct, but the surrounding box (it's in background imge of ".rokstories-layout2" div) in your site is slightly smaller. This is the showcase background image in your site: siterelishmarketing.com/befit/rt_grunge_...0/showcase-new-3.png and this is from the demo site: demo.rockettheme.com/wordpress/wp_grunge...le1/showcasebase.png . You just need to open this image file in a graphical editor software and bump up the box's size.
- Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
- The image frame (the black box with yellow[ish?] border) in the background image is smaller. You can see that by opening both images in the browser and switching tabs :cheesy: . In the original image from the demo site, this frame is slightly bigger and that's what causing the RokStories to appear misaligned.
- Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
- Try the attached image file. I resized that frame so it aligns with the image file from the demo site. It should work just fine.
- Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
-
-
- Wild Bill
- Rocketeer
- Posts: 51
- Thanks: 0
- Zippy Networks
-
ACTUALLY - please note that many of us had this problem - so I looked into it more...
Go to wp-admin
Appearance
Widgets
On top Left look for drop down - mine was initially showing "Default Settings" - it has a gear icon.
Select "FrontPage"
This loads the frontpage variations - you will notice that the RokStories widget appears in the "Showcase" section... open this - you will notice a lot of fun options to play with...
Scroll down to the "Image Dimensions"
This was apparently set to 300 x 200 by default (I used the RocketLauncher - as many of you did too!)
I changed this setting to the template size required...
Change to 342 x 227
DONT FORGET TO SAVE this at the bottom
Then open another window and see that the site is fixed!
Hope that helps you all - it worked great for me.
I also note that there is an automatic image resize happening and several images are created on the fly - still need to work on that one.. but this worked for me.
-
-
-
- Wild Bill
- Rocketeer
- Posts: 51
- Thanks: 0
- Zippy Networks
-
ACTUALLY - please note that many of us had this problem - so I looked into it more...
Go to wp-admin
Appearance
Widgets
On top Left look for drop down - mine was initially showing "Default Settings" - it has a gear icon.
Select "FrontPage"
This loads the frontpage variations - you will notice that the RokStories widget appears in the "Showcase" section... open this - you will notice a lot of fun options to play with...
Scroll down to the "Image Dimensions"
This was apparently set to 300 x 200 by default (I used the RocketLauncher - as many of you did too!)
I changed this setting to the template size required...
Change to 342 x 227
DONT FORGET TO SAVE this at the bottom
Then open another window and see that the site is fixed!
Hope that helps you all - it worked great for me.
I also note that there is an automatic image resize happening and several images are created on the fly - still need to work on that one.. but this worked for me.
-
Time to create page: 0.065 seconds