×
Support Offline :
Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time:
Our Time:
Forum
JUX Member Forum - Restricted to Members Only
JUX Content Extensions
JUX Testimonial
Reduce space between avatar
Reduce space between avatar
Less
More
Posts: 203
Thank you received: 2
9 years 5 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.
Less
More
Posts: 364
Karma: 6
Thank you received: 41
9 years 5 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
Please Log in or Create an account to join the conversation.
Less
More
Posts: 203
Thank you received: 2
9 years 5 months ago #5006
by AGab
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.
Less
More
Posts: 364
Karma: 6
Thank you received: 41
9 years 5 months ago - 9 years 5 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;
}
Please Log in or Create an account to join the conversation.
Less
More
Posts: 203
Thank you received: 2
9 years 5 months ago #5048
by AGab
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.
Less
More
Posts: 364
Karma: 6
Thank you received: 41
Less
More
Posts: 203
Thank you received: 2
9 years 4 months ago #5806
by AGab
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.
Less
More
Posts: 364
Karma: 6
Thank you received: 41
Forum
JUX Member Forum - Restricted to Members Only
JUX Content Extensions
JUX Testimonial
Reduce space between avatar
Time to create page: 0.074 seconds