Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

file Reduce space between avatar

More
8 years 10 months ago #4980 by AGab
Hello,

So I have to paste css code in the template itself because when I make changes to the css file, no changes are occur. But, how do

1) Reduce space between avatar and the title
2) Reduce margin-top space - bring the container closer to the top of my module.

Thank you.

A

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #4998 by Nguyen Sy Tinh
Hi,
You want custom css: You need to choose the right "style" file:
Eg: As in attachments:
You find to 'style10.css' (root/modules/mod_jux_testimonial/assets/css/disstylebootrap2/style10.css) and editing.

Best regard,
Tinh
Attachments:

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #5006 by AGab
Replied by AGab on topic Reduce space between avatar
I know this and I am in the correct file for my style 3. I stated as long as I put the css code with my templates custom css code it works. But, it will not work using my cpanel.

Again, question is how do I decrease space between the avatar image and the title of the testimony? Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago - 8 years 10 months ago #5028 by Nguyen Sy Tinh
Hi,
You find to style3.css (root/module/mod_jux_testimonial/assets/css/disstylebootrap2/style3.css):
You find the following class:
#style3 .content-testimonial{
position: relative;
text-align: center;
padding: 10px;
margin-top: 35px; ===>reduced margin-top;
background: #f9f9f3;
}
#style3 .vote-active{
top: 198px; ====> reduced top;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
position: absolute;
}
#style3 .social-icon{
top: 222px; ====> reduced top
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
position: absolute;
}
#style3 .content-testimonial:before {
content: "";
position: absolute;
top: -27px; =>>>edit (icon not overwrite photos)
left: 70px; ==>> edit (icon not overwrite photos)
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 20px;
border-color: transparent transparent transparent #f9f9f3;
}
Last edit: 8 years 10 months ago by Nguyen Sy Tinh.

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #5048 by AGab
Replied by AGab on topic Reduce space between avatar
Thank you very very very much.. I really like this testimonial.. now onto the ticker

a

Please Log in or Create an account to join the conversation.

More
8 years 10 months ago #5049 by Nguyen Sy Tinh
Hi,
Glad to help you!
If you love Jux Testimonial, please rate us 5 star(100 point).
extensions.joomla.org/extensions/extensi...ions/jux-testimonial
It will be great motivation for us.

Many thank,
Tinh

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago #5806 by AGab
Replied by AGab on topic Reduce space between avatar
Hello,

Can you help me? I want to make the testimony container use the full width of the module. I was able to playing around with the right and left padding, but I notice there is more space between the modules than I would like. How do I stretch the width of the testimony container? Thanks
a

Please Log in or Create an account to join the conversation.

More
8 years 8 months ago #5812 by Nguyen Sy Tinh
Hi,
Please send me link your site. I will help you check.

Best regard,
Tinh

Please Log in or Create an account to join the conversation.

Moderators: Jackie
Time to create page: 0.144 seconds
Powered by Kunena Forum