Forum Support

Shape 5
March 29, 2024, 07:29:19 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: Image Fader and Content Module with circle  (Read 1751 times)
egogg
Jr. Member
**
Offline Offline

Posts: 44



« on: September 08, 2015, 01:56:53 PM »

Hi

I just installed EZ Web Hosting template but I can't figure out or find the Image fader and content module?

I have the one without the circle but where can I find the module with the circles?

Thanks for you help
Elaine
Logged
egogg
Jr. Member
**
Offline Offline

Posts: 44



« Reply #1 on: September 08, 2015, 04:53:42 PM »

Never mind, I figured it out, all you need to do is add a photo to the Image fader and content module and it works.

Is there any way you could have the colours of the circles change as it move through the different images? Or even would it be possible to add a image to the circles?

Thanks
Elaine
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #2 on: September 08, 2015, 10:25:59 PM »

Hello,

That is possible but would require some custom programming changes. I would recommend just keeping the circles as "Text" fields though as that is how they were intended to be used.

Regards,
Logged

Mike Nicoll
------------
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
egogg
Jr. Member
**
Offline Offline

Posts: 44



« Reply #3 on: March 07, 2016, 02:23:52 PM »

Hi

I just want to follow up on this the design was out on hold for a while. Is there a way to reduce the larger circle as it is covering the Heading title for the module below it and we don't need to be be that size.

Thanks again
Elaine
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 on: March 08, 2016, 01:37:20 PM »

Hello Elaine,

Yes you can change the height/width. You can do so by editing the file here:

Code:
.jdGallery .slideInfoZone h2 {
    border-radius: 300px;
    font-size: 3.7em !important;
    font-weight: 300 !important;
    height: 300px;
    line-height: 54px;
    padding: 67px !important;
    text-align: center;
    text-shadow: none !important;
    width: 300px;
}

template.css line 1425
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
egogg
Jr. Member
**
Offline Offline

Posts: 44



« Reply #5 on: May 03, 2016, 10:46:23 AM »

Hi Jonah,

Thanks for your reply, thats exactly what I was looking for however when I reduce the size of the circle it moves position away from the smaller circle.

Is there a way that this can be avoided ?

Thanks
Elaine
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: May 03, 2016, 11:31:51 AM »

Could you post a URL of this so I can see if any CSS can be adjusted/added to help this?
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
egogg
Jr. Member
**
Offline Offline

Posts: 44



« Reply #7 on: May 03, 2016, 01:17:09 PM »

Hi Jonah,

I just sent you a PM there with the details as it is not live yet.

Thanks
Elaine
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 on: May 10, 2016, 03:27:56 PM »

Ok if you adjust the left and bottom below this should bring the circles closer together:

Code:
.jdGallery .slideInfoZone p {
    border-radius: 300px;
    bottom: -298px !important;
    font-size: 1.2em !important;
    font-weight: 300 !important;
    height: 120px;
    left: 301px !important;
    line-height: 24px;
    padding: 35px 30px 30px !important;
    position: absolute;
    text-align: center;
    text-shadow: none !important;
    width: 120px;
}
template.css line 1463
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
egogg
Jr. Member
**
Offline Offline

Posts: 44



« Reply #9 on: May 10, 2016, 04:11:13 PM »

Hi Jonah,

That worked perfectly!

Thank you
Elaine
Logged
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.