Forum Support

Shape 5
March 28, 2024, 08:33:51 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Articles in Reservation List  (Read 1607 times)
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« on: February 11, 2015, 05:51:22 AM »

Hi,
So whilst I have the S5 Reservation list within the Appointment Inquiry module and it is fine there with a small picture and some text with an option to 'Read More' if the client wants to. However, when I click on the 'Read More' button, it takes me to the Article in a new tab which is fine - the issue I have is that the appearnace of the Article and the small picture there just doesn't look right - by that I mean, I can understand that size of the picture and the small font size so that you can fit it within the Appointment Inquiry module/Reservation List, when you look at the article on its own in a new tab the fone size and the picture should be bigger so that a person can read it without any problems.

So is there any way that you can separate out the way the Article looks within the Appointment Inquiry/Reservation List and how it appears as a 'standalone' separate article within a new tab?

Thanks

Hi Jonnah,

Mike responded to the above suggesting you may be able to help. Can you please take a look at this issue to see if indeed you can help.

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: February 11, 2015, 08:21:36 PM »

Hello,

The article font size in the Reservation module can be changed via the CSS in the module. I could help you with this if you need assist doing so. But for the article font size after you click it, this is just controlled by the Joomla template you are using. It'll show the default font size that the template has set it to.  I can help you adjust this too.  Just post a URL to your site and I can take a look from there.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #2 on: February 12, 2015, 03:39:25 AM »

Great thanks.

www.sychadelics.com

in case you need back end access, a while back I PM'd you the credentials - let me know if you still have these or I can send it again.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: February 12, 2015, 12:43:02 PM »

What did you want to change exactly?  Which font size, etc?

As for the thumbnail image showing small on the article page itself.  Just upload the full size you want to use on the article page and then I can help change it so it fits and looks proper in the Reservation module.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #4 on: February 13, 2015, 07:20:01 AM »

Oh ok.. I'll do the picture this weekend.

As for the article font size, I can't tell what the default size is, but if I look at the article then it seems too small so I think something like an 11 or 12 size would be needed for the article which can then be scaled down to fit in the Reservation module, if need be. This may take a couple of iterations I'm afraid.

Thanks
Logged
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #5 on: February 16, 2015, 02:52:42 PM »

What did you want to change exactly?  Which font size, etc?

As for the thumbnail image showing small on the article page itself.  Just upload the full size you want to use on the article page and then I can help change it so it fits and looks proper in the Reservation module.

Hi,
For a couple of articles in the Reservation module, I've uploaded the size of image that I'd like to appear in the Article after the user navigates to it by using 'Read More' and I've increased the font size to 13, which looks fine on the Article but obviously both the picture and the font size needs altering so that it fits the Reservation module.

Could you please take a look and modify and then let me know how I can do it myself with some detailed/step by step instructions.

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: February 16, 2015, 04:11:16 PM »

Ok just add the following CSS to the bottom of your template.css file for the image width.  You can also change this to suite how you desire and also add a margins to it also if needed for visual white space:

Code:
.s5_reservation_des img {width: 93px;}

As for article font size it appears you added it inline.  If you want to add with CSS so its site wide.   You can just add the below to the bottom of your template.css file and adjust as needed (you would need to remove the inline font size of 12pt that you currently have added or else the below will have no affect):

Code:
#s5_component_wrap {
    font-size: 13px;}

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #7 on: February 16, 2015, 04:16:41 PM »

Thanks for this... I'll go and have a play. Just for my clarity and lack of understanding.. when you say 'added it inline'.. what does that exactly mean? Does it mean that I just increased the size of the d=font within the article (because that's what I did) and I should have done it via the CSS file setting as you have detailed.

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 on: February 17, 2015, 09:02:06 PM »

Yes inline is within the article using a WYSIWYG editor will usually add it inline unless you manually coded it in via HTML mode in the WYSIWYG editor but either way its on a per article basis so the CSS method ensures all articles site wide will have this font size.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #9 on: February 18, 2015, 01:36:57 PM »

Ok just add the following CSS to the bottom of your template.css file for the image width.  You can also change this to suite how you desire and also add a margins to it also if needed for visual white space:

Code:
.s5_reservation_des img {width: 93px;}

As for article font size it appears you added it inline.  If you want to add with CSS so its site wide.   You can just add the below to the bottom of your template.css file and adjust as needed (you would need to remove the inline font size of 12pt that you currently have added or else the below will have no affect):

Code:
#s5_component_wrap {
    font-size: 13px;}

Regards,

Hi,
I amended the CSS as you had suggested, but when I look at the front end the reservation module still shows the picture as the original size and it doesn't fit within the module properly. Can you please let me know what I need to do to fix this.

www.sychadelics.com


Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #10 on: February 19, 2015, 12:51:39 PM »

I just looked and it shows properly for me.  Try clearing your cache and the it should show up properly for you.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
AAJS2014
Jr. Member
**
Offline Offline

Posts: 152



« Reply #11 on: February 19, 2015, 01:14:21 PM »

Hi,
Thanks tried it, the pictures are now fine but the font size is still the small size. Do I need to delete the original CSS code which might have the font size smaller or the code that you provided should have overridden the original code?

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #12 on: February 23, 2015, 02:30:25 PM »

It appears its changing the font size for the full page articles.  I changed it to 14 and it does increase the font size:

#s5_component_wrap {
    font-size: 14px;
}
template.css (line 1262)
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.