Member Login

Freestyle Joomla Forums

Testimonials

Member Login   Register

Please login or register to post on the forum

Forum Index    Board Index    Last Post   

Lida Chaulet

Lida Chaulet

03 October 2016, 12:03

modify layout "add a testimonial"

I would like to change the "add a testimonial" form a bit.
A bit more space between the labels and the input fields, so it lines with the testimonials under it.
And more padding with the verification code, and the input field under the captcha code instead of next to it.

If possible I would also like to change the color of the captcha so it is more in style with the captcha I use on the contact form for instance.

See attached example.
Link showing problem http://www.studiolidachaulet.nl/geldmaaktublij.nl/reviews
Joomla Version 3.6.2
Freestyle Version 1.13.2

before&after.jpg

239.31 KB
Harry Shaw

Harry Shaw

05 October 2016, 17:08

Re: modify layout "add a testimonial"

Hello,

For any changes to the styling of the form you will need to change the CSS, if you want to change the order of any fields or the HTML then you will need to create a template override in the joomla templates menu.

Thanks

Harry Shaw
Freestyle Joomla
Lida Chaulet

Lida Chaulet

06 October 2016, 07:01

Re: Audit Message

Hi Harry,

I do not need to change the order of the fields, nor add fields, I just need some extra space between the label and the field, to line it with the reviews under it... and add more padding to the captcha fields.
I had hoped someone could tell me how to accomplish this.
But thank you for your reply.


Lida
Harry Shaw

Harry Shaw

07 October 2016, 18:42

Re: modify layout "add a testimonial"

Hello,

Yes this needs to be done by changing the CSS as you would be modifying the style of the form.

Thanks

Harry Shaw
Freestyle Joomla
Lida Chaulet

Lida Chaulet

08 October 2016, 08:20

Re: Audit Message

Thanks again,
But yes, I know I need to change the css.
That is my question, how to change it.
But appreciate your getting back to me.
Regards,
Lida
Adam Clarke

Adam Clarke

13 October 2016, 20:27

Re: modify layout "add a testimonial"

Hello

You can add CSS for the component in the Testimonials -> Templates page in the CSS Overrides settings.

Thanks

Adam Clarke
Freestyle Joomla
eelochereggi

eelochereggi

27 November 2018, 13:12

Moncler Kids Multiple Logo Jacket Red [Moncler_900994] - €281.79 : Moncler, monclerjacketsonlineshop.com

<a href="http://www.monclerjacketsonlineshop.com/de/">moncler herrenjacke verkauf</a>
moncler online
<strong><a href="http://www.monclerjacketsonlineshop.com/de/">moncler jacken für männer</a></strong> | <strong><a href="http://www.monclerjacketsonlineshop.com/de/">moncler outlet</a></strong> | <strong><a href="http://www.monclerjacketsonlineshop.com/de/">moncler outlet stores</a></strong><br>

<title>Moncler Kids Multiple Logo Jacket Red [Moncler_900994] - &euro;281.79 : Moncler, monclerjacketsonlineshop.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Moncler Kids Multiple Logo Jacket Red [Moncler_900994] Moncler Frauen Moncler Herren Moncler Kids Moncler Zubehör Moncler Neu eingetroffen Moncler" />
<meta name="description" content="Moncler Moncler Kids Multiple Logo Jacket Red [Moncler_900994] - Beschreibung : " />
<meta http-equiv="imagetoolbar" content="no" />

<base href="http://www.monclerjacketsonlineshop.com/de/" />
<link rel="canonical" href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html" />

<link rel="stylesheet" type="text/css" href="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/css/style_imagehover.css" />
<link rel="stylesheet" type="text/css" href="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/css/print_stylesheet.css" />











<select name="currency" onchange="this.form.submit();">
 <option value="USD">US Dollar</option>
 <option value="EUR" selected="selected">Euro</option>
 <option value="GBP">GB Pound</option>
 <option value="CAD">Canadian Dollar</option>
 <option value="AUD">Australian Dollar</option>
 <option value="JPY">Jappen Yen</option>
 <option value="NOK">Norske Krone</option>
 <option value="SEK">Swedish Krone</option>
 <option value="DKK">Danish Krone</option>
 <option value="CNY">CNY</option>
</select>
<input type="hidden" name="main_page" value="product_info" /><input type="hidden" name="products_id" value="645" /></form></div></div>


<div class="leftBoxContainer" id="categories" style="width: 220px">
<div class="sidebox-header-left main-sidebox-header-left"><h3 class="leftBoxHeading main-sidebox-header-right" id="categoriesHeading">Kategorien</h3></div>
<div id="categoriesContent" class="sideBoxContent">
<div class="categories-top-list no-dots"><a class="category-top" href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-c-10.html"><span class="category-subs-selected">Moncler Kids</span></a></div>
<div class="categories-top-list "><a class="category-top" href="http://www.monclerjacketsonlineshop.com/de/moncler-herren-c-6.html">Moncler Herren</a></div>
<div class="categories-top-list "><a class="category-top" href="http://www.monclerjacketsonlineshop.com/de/moncler-frauen-c-1.html">Moncler Frauen</a></div>
<div class="categories-top-list "><a class="category-top" href="http://www.monclerjacketsonlineshop.com/de/moncler-neu-eingetroffen-c-15.html">Moncler Neu eingetroffen</a></div>
<div class="categories-top-list "><a class="category-top" href="http://www.monclerjacketsonlineshop.com/de/moncler-zubeh%C3%B6r-c-11.html">Moncler Zubehör</a></div>
</div></div>


<div class="leftBoxContainer" id="featured" style="width: 220px">
<div class="sidebox-header-left "><h3 class="leftBoxHeading " id="featuredHeading">Ähnliche Artikel - <a href="http://www.monclerjacketsonlineshop.com/de/featured_products.html"> [mehr]</a></h3></div>
<div class="sideBoxContent centeredContent"><a href="http://www.monclerjacketsonlineshop.com/de/moncler-women-vest-cer-green-p-812.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-New-Arrivals/Moncler-Vest-For/Moncler-Women-Vest-Cer-Green.jpg" alt="Moncler Women Vest Cer Green" title=" Moncler Women Vest Cer Green " width="130" height="130" /></a><a class="sidebox-products" href="http://www.monclerjacketsonlineshop.com/de/moncler-women-vest-cer-green-p-812.html">Moncler Women Vest Cer Green</a><div><span class="normalprice">&euro;349.34 </span>&nbsp;<span class="productSpecialPrice">&euro;329.22</span><span class="productPriceDiscount"><br />Sie sparen 6% !</span></div></div><div class="sideBoxContent centeredContent"><a href="http://www.monclerjacketsonlineshop.com/de/moncler-bady-winterfrauen-daunenjacke-mit-kapuze-zip-brown-p-248.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-Womens/Moncler-Jackets/Moncler-Bady-Winter-Women-Down-Jacket-Zip-Hooded-11.jpg" alt="Moncler Bady Winter-Frauen Daunenjacke mit Kapuze Zip Brown" title=" Moncler Bady Winter-Frauen Daunenjacke mit Kapuze Zip Brown " width="130" height="156" /></a><a class="sidebox-products" href="http://www.monclerjacketsonlineshop.com/de/moncler-bady-winterfrauen-daunenjacke-mit-kapuze-zip-brown-p-248.html">Moncler Bady Winter-Frauen Daunenjacke mit Kapuze Zip Brown</a><div><span class="normalprice">&euro;288.70 </span>&nbsp;<span class="productSpecialPrice">&euro;247.38</span><span class="productPriceDiscount"><br />Sie sparen 14% !</span></div></div><div class="sideBoxContent centeredContent"><a href="http://www.monclerjacketsonlineshop.com/de/moncler-jackets-women-long-libellule-black-p-769.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-New-Arrivals/Moncler-Jackets/Moncler-Jackets-Women-Long-Libellule-Black.jpg" alt="Moncler Jackets Women Long Libellule Black" title=" Moncler Jackets Women Long Libellule Black " width="130" height="130" /></a><a class="sidebox-products" href="http://www.monclerjacketsonlineshop.com/de/moncler-jackets-women-long-libellule-black-p-769.html">Moncler Jackets Women Long Libellule Black</a><div><span class="normalprice">&euro;412.67 </span>&nbsp;<span class="productSpecialPrice">&euro;340.38</span><span class="productPriceDiscount"><br />Sie sparen 18% !</span></div></div></div>

</div></td>
   <td id="columnCenter" valign="top">

   <div id="navBreadCrumb">  <a href="http://www.monclerjacketsonlineshop.com/de/">Zuhause</a>&nbsp;::&nbsp;
 <a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-c-10.html">Moncler Kids</a>&nbsp;::&nbsp;
Moncler Kids Multiple Logo Jacket Red
</div>






<div  itemscope itemtype="http://data-vocabulary.org/Product" class="centerColumn" id="productGeneral">




<form name="cart_quantity" action="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html?action=add_product&number_of_uploads=0" method="post" enctype="multipart/form-data">

<div style="float:left; width:350px;">











<link rel="stylesheet" href="http://www.monclerjacketsonlineshop.com/de/style/jqzoom.css" type="text/css" media="screen" />

<link rel="stylesheet" href="http://www.monclerjacketsonlineshop.com/de/style/jqzoomimages.css" type="text/css" media="screen" />

<style type="text/css">
.jqzoom{

float:left;

position:relative;

padding:0px;

cursor:pointer;
width:301px;
height:300px;
}</style>













<div id="productMainImage" class="centeredContent back">


<div class="jqzoom" > <a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html" ><img src="http://www.monclerjacketsonlineshop.com/de/images//moncler81201_/Moncler-Kids/Moncler-Kids-Multiple-Logo-Jacket-Red.jpg"  alt="Moncler Kids Multiple Logo Jacket Red"  jqimg="images//moncler81201_/Moncler-Kids/Moncler-Kids-Multiple-Logo-Jacket-Red.jpg" id="jqzoomimg"></a></div>

<div style="clear:both;"></div>



<div id='jqzoomimages' class="smallimages"></div>




</div>

</div>
<div style="width:260px; float:left; margin-left:30px; margin-top:15px;" id='pb-left-column'>
<div itemprop="name" style="font-weight:bold; padding-bottom:10px; font-size:14px;">Moncler Kids Multiple Logo Jacket Red</div>

<span id="productPrices" class="productGeneral">
<span class="normalprice">&euro;334.85 </span>&nbsp;<span class="productSpecialPrice">&euro;281.79</span><span class="productPriceDiscount"><br />Sie sparen 16% !</span></span>



<div id="productAttributes">
<h3 id="attribsOptionsText"><strong>Bitte wählen Sie:</strong></h3>


<div class="wrapperAttribsOptions">
<h4 class="optionName back"><label class="attribsSelect" for="attrib-3"></label></h4>
<div class="back">
<select name="id[3]" id="attrib-3">
 <option value="2">-- Please Select --</option>
 <option value="14">L</option>
 <option value="13">S</option>
</select>

</div>
<br class="clearBoth" />
</div>





<br class="clearBoth" />




</div>







                 <div id="cartAdd">
   Anzahl: <input type="text" name="cart_quantity" value="1" maxlength="6" size="4" /><br /><br /><input type="hidden" name="products_id" value="645" /><input type="image" src="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/buttons/german/button_in_cart.gif" alt="In den Warenkorb" title=" In den Warenkorb " />          </div>
 
<br class="clearBoth" />
</div>


<span id="cardshow">  <a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html" ><img src="http://www.monclerjacketsonlineshop.com/de/rppay/visamastercard.jpg"></a></img> </span>

<br class="clearBoth" />

<div itemprop="description" id="productDescription" class="productGeneral biggerText">

<div class="description">Beschreibung :</div><div style="padding:10px; border:1px solid #EDEDED; border-top:none; color:#666;"><div class=”moncler</div>


<br class="clearBoth" />


<div align="center">

<p style='text-align:center;'><a target="_blank" href="http://www.monclerjacketsonlineshop.com/de/images//moncler81201_/Moncler-Kids/Moncler-Kids-Multiple-Logo-Jacket-Red.jpg"> <a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html" ><img  src="http://www.monclerjacketsonlineshop.com/de/images//moncler81201_/Moncler-Kids/Moncler-Kids-Multiple-Logo-Jacket-Red.jpg" width=650px alt="/moncler81201_/Moncler-Kids/Moncler-Kids-Multiple-Logo-Jacket-Red.jpg"/></a></p>
</div>




<ul id="productDetailsList" class="floatingBox back">
 <li>Artikelnummer: Moncler_900994</li>
 
 
 
</ul>
<br class="clearBoth" />


<div class="centerBoxWrapper" id="similar_product">
<h2 class="centerBoxHeading">Related Products</h2>

<table><tr>
<td style="display:block;float:left;width:24.5%;">
<div style="width:160px;height:200px;">
<a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-white-enfant-doudoune-jacket-p-649.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-Kids/Moncler-kids-White-Enfant-Doudoune-jacket.jpg" alt="Moncler kids White Enfant Doudoune jacket" title=" Moncler kids White Enfant Doudoune jacket " width="160" height="160" /></a></div><a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-white-enfant-doudoune-jacket-p-649.html">Moncler kids White Enfant Doudoune jacket</a>
</td>
<td style="display:block;float:left;width:24.5%;">
<div style="width:160px;height:200px;">
<a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-rose-down-sleeveless-vest-p-647.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-Kids/Moncler-kids-Rose-Down-Sleeveless-Vest.jpg" alt="Moncler kids Rose Down Sleeveless Vest" title=" Moncler kids Rose Down Sleeveless Vest " width="160" height="177" /></a></div><a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-rose-down-sleeveless-vest-p-647.html">Moncler kids Rose Down Sleeveless Vest</a>
</td>
<td style="display:block;float:left;width:24.5%;">
<div style="width:160px;height:200px;">
<a href="http://www.monclerjacketsonlineshop.com/de/moncler-down-jackets-in-all-purple-p-597.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-Kids/Moncler-Down-Jackets-In-All-Purple.jpg" alt="Moncler Down Jackets In All Purple" title=" Moncler Down Jackets In All Purple " width="160" height="160" /></a></div><a href="http://www.monclerjacketsonlineshop.com/de/moncler-down-jackets-in-all-purple-p-597.html">Moncler Down Jackets In All Purple</a>
</td>
<td style="display:block;float:left;width:24.5%;">
<div style="width:160px;height:200px;">
<a href="http://www.monclerjacketsonlineshop.com/de/moncler-jackets-kids-gray-p-622.html"><img src="http://www.monclerjacketsonlineshop.com/de/images/_small//moncler81201_/Moncler-Kids/Moncler-Jackets-Kids-Gray.jpg" alt="Moncler Jackets Kids Gray" title=" Moncler Jackets Kids Gray " width="160" height="154" /></a></div><a href="http://www.monclerjacketsonlineshop.com/de/moncler-jackets-kids-gray-p-622.html">Moncler Jackets Kids Gray</a>
</td>
</table>
</div>
















<div id="productReviewLink" class="buttonRow back"><a href="http://www.monclerjacketsonlineshop.com/de/index.php?main_page=product_reviews_write&amp;products_id=645&amp;number_of_uploads=0"><img src="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/buttons/german/button_write_review.gif" alt="Bewertung schreiben" title=" Bewertung schreiben " width="100" height="36" /></a></div>
<br class="clearBoth" />














</form>

</div>

</td>



 </tr>
</table>
</div>



<div class="footer-container">
          <div id="footer" class="footer">
          <div class="col4-set">
            <div class="col-1">
              <h4>DIE KATEGORIEN</h4>
              <ul class="links">
                <li><a href="http://www.coatshopping.us/de/">Moncler Stiefel</a></li>
                <li><a href="http://www.coatshopping.us/de/">Moncler Daunenjacken Kinder</a></li>
<li><a href="http://www.coatshopping.us/de/">Moncler Herrenjacken</a></li>
             
              </ul>
            </div>
            <div class="col-2">
              <h4>Information</h4>
              <ul class="links">
                <li><a href="http://www.monclerjacketsonlineshop.com/de/index.php?main_page=Payment_Methods">Zahlung</a></li>
                <li><a href="http://www.monclerjacketsonlineshop.com/de/index.php?main_page=shippinginfo">Liefer- und Versandkosten</a></li>
                 
                 
              </ul>
            </div>
            <div class="col-3">
              <h4>Kundendienst</h4>
              <ul class="links">
                <li><a href="http://www.monclerjacketsonlineshop.com/de/index.php?main_page=contact_us">Kontaktiere uns</a></li>
                <li><a href="http://www.monclerjacketsonlineshop.com/de/index.php?main_page=Payment_Methods">Großhandel</a></li>
                 
              </ul>
            </div>
            <div class="col-4">
<h4>Zahlung&amp;Versand</h4>
<a href="http://www.monclerjacketsonlineshop.com/de/moncler-kids-multiple-logo-jacket-red-p-645.html" ><img src="http://www.monclerjacketsonlineshop.com/de/includes/templates/polo/images/payment-shipping.png"></a>
</div>
            </div>
            <div class="add">
             Urheberrecht u0026 Kopie; 2014<a href="http://www.coatshopping.us/de/" target="_blank">Moncler Räumungsverkauf Online</a>. Unterstützt von<a href="http://www.monclercoats.org/de/" target="_blank">Moncler Räumungsverkauf Online, Inc.</a>            </div>

          </div>
      </div>

</div>







<div id="comm100-button-148"></div>  




<strong><a href="http://www.monclerjacketsonlineshop.com/de/">moncler herrenjacke verkauf</a></strong><br>
<strong><a href="http://www.monclerjacketsonlineshop.com/de/">moncler online</a></strong><br>
<br><br><a href="http://tiffanyandcooutlet61.webs.com">  Jacket  blog </a><br><br><a href="http://nikeclothingoutletonline29.webs.com"> Moncler  </a><br><br><a href="http://cheaplouisvuittonhandbags5.webs.com"> About monclerjacketsonlineshop.com blog </a>

Vote For Us!

Please vote for our software or write a review of one of our products on the Joomla! Extensions Directory