|
: Articles in Reservation List : AAJS2014 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 : Re: Articles in Reservation List : jonahh 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. : Re: Articles in Reservation List : AAJS2014 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. : Re: Articles in Reservation List : jonahh 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. : Re: Articles in Reservation List : AAJS2014 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 : Re: Articles in Reservation List : AAJS2014 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 : Re: Articles in Reservation List : jonahh 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:
: .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): : #s5_component_wrap { font-size: 13px;} Regards, : Re: Articles in Reservation List : AAJS2014 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 : Re: Articles in Reservation List : jonahh 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.
: Re: Articles in Reservation List : AAJS2014 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: : .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): : #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 : Re: Articles in Reservation List : jonahh 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.
: Re: Articles in Reservation List : AAJS2014 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 : Re: Articles in Reservation List : jonahh 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) |