https://www.kennykreations.com/Antique-Rose-Quilt
How can I make the Social media buttons line up correctly on the proddetail page.
I am also missing Email Friend.
Thanks, Lyn

Hi Lyn

David has a suggestion here https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=107608 or you can set the margin-top as per the example there

Do you have emailfriend set to FALSE in includes.php?

Andy

Please feel free to review / rate our software

Hi Andy,
This is what I have in includes:
// Email Options
$GLOBALS['useemailfriend']=TRUE;
$GLOBALS['useaskaquestion']=TRUE;
$GLOBALS['inlinepopups']=TRUE;
$GLOBALS['htmlemails']=TRUE;
Thanks. I will check out David's suggestion.
Lyn

What do you have for the socialmedia includes line?

Andy

Please feel free to review / rate our software

// Social Media
$GLOBALS['socialmediabuttons']='askaquestion,facebook,linkedin,twitter,pinterest,google,émailfriend';
$GLOBALS['socialbuttonfacebook']='<div class="fb-like" data-href="%pageurl%" data-layout="button" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>';

Hi Andy,
I just noticed the acute accent on email - fixed that and it is now showing.
I am using the coding that David suggested for social media buttons, but they are not lining up on the baseline.
Thanks, Lyn

Can you perhaps tweak the margin-top in the css so they line up?

Andy

Please feel free to review / rate our software

Hi Lyn, I'm not sure why the font size is affecting the social media but try this:


ectstyle.css around line 823

input.askaquestion, input.emailfriend {
background: #009999;
color: #fff !important;
height: 21px;
border: 0;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
/* margin-top: 7px; */
}

Note - to have emf and askq the same color change the background to - #4F9999 !important in the above class, also use !important on the color see above

ectstyle.css around line 834 add

div.socialmediabuttons {
margin: 5px;
width: 94%;
float: left;
display: flex;
justify-content: center;
align-items: top;
flex-wrap: wrap;
vertical-align: super;
font-size: small;
}

add the following below the classes above

.emailfriend {
margin: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Awesome, Marlene. Worked a treat. Now everything is lining up perfectly.
Thank you, Lyn

https://www.kennykreations.com/
ECT Product Carousel is no longer working correctly.
The images are really small instead of filling the area.
I had uploaded Elementor (Page builder) to the website, to build Contact Us and other pages. I thought it may be causing a conflict so have de-activated it, but am still missing the larger images in the carousel.
Thanks, Lyn

Hi Lyn, I'm not sure what these styles are used for
in style.css around line 35 try commenting out the following attributes on the class below. also check mobile view to see if the display is ok after making the change.

.nbs-flexisel-item img {
/*width: 100%;*/
cursor: pointer;
positon: relative;
/*max-width: 100px;*/
/*max-height: 100px;*/
margin-top: 10px;
margin-bottom: 10px;
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Thank you, Marlene.
Solved the problem.
Cheers, Lyn