Hi

Which link are you referring to?

http://dev2.electrixinternational.com/about-electrix/frequently-asked-questions/

<ul class="list">
	<li class="list-phone">Order by telephone – Call: +44 (0) 1388 774455</li>
	<li class="list-email">Send your order by email – Email: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></li>
	<li class="list-fax">Fax us your order on company letterhead – Fax: +44 (0) 1388 777359</li>
</ul>

CSS

ul.list  {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    display: block;
    left: 0;
    list-style-position: outside;
    width: 100%;
    padding-bottom: 0;
}

.list li {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.list li:before {
    position: absolute;
    top: 3px;
    left: -15px;
    background-color: #FFFFFF;    
    font-family: 'fontello';    
    content: "\E822"; /* Important the backslash must be present before the E822 */
    font-size: 18px;
    color: #007ab6;
}

/* CT END Tick Box List */

/* CT START Lock Symbol List */

ul.list-lock {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    display: block;
    left: 0;
    list-style-position: outside;
    width: 100%;
    padding-bottom: 0;
}

.list-lock li {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.list-lock li:before {
    position: absolute;
    top: 3px;
    left: -15px;
    background-color: #FFFFFF;    
    font-family: 'fontello';    
    content: "\E839"; /* Important the backslash must be present before the E839 */
    font-size: 18px;
    color: #007ab6;
}

/* CT END Lock Symbol List */

/* CT START Phone Symbol List */

ul.list-phone  {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    display: block;
    left: 0;
    list-style-position: outside;
    width: 100%;
    padding-bottom: 0;
}

.list-phone li {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.list-phone li:before {
    position: absolute;
    top: 3px;
    left: -15px;
    background-color: #FFFFFF;    
    font-family: 'fontello';    
    content: "\E854"; /* Important the backslash must be present before the E854 */
    font-size: 18px;
    color: #007ab6;
}

/* CT END Phone Symbol List */

/* CT START Email Symbol List */

ul.list-email {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    display: block;
    left: 0;
    list-style-position: outside;
    width: 100%;
    padding-bottom: 0;
}

.list-email li {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.list-phone li:before {
    position: absolute;
    top: 3px;
    left: -15px;
    background-color: #FFFFFF;    
    font-family: 'fontello';    
    content: "\E805"; /* Important the backslash must be present before the E805 */
    font-size: 18px;
    color: #007ab6;
}

/* CT END Email Symbol List */

/* CT START Fax Symbol List */

ul.list-fax {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    display: block;
    left: 0;
    list-style-position: outside;
    width: 100%;
    padding-bottom: 0;
}

.list-fax li {
    list-style-type: none !important;
    list-style: none !important;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
}

.list-fax li:before {
    position: absolute;
    top: 3px;
    left: -15px;
    background-color: #FFFFFF;    
    font-family: 'fontello';    
    content: "\E886";
    font-size: 18px;
    color: #007ab6;
}

/* CT END Fax Symbol List */

Unless I am using your button element wrong, I can’t adjust the font size, I can’t choose any custom font & I can’t create hoverover’s for color variations.

Am I using it wrong or is it more of a basic element?

Thanks

I had to change the font of Reviews H2 as well …

.wc-tab h2 {
    font-size: 17px!important;
    font-weight: 200!important;
}

#top #reviews h2 {
    letter-spacing: 0.0px;
    font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

I updated the theme.

–If i edit click on the right hand side bar then block the text block…. then the font on all across the document returns to the right size
–If i edit the right hand side bar– change the color back ground, or writing within..
or If i Edit any content on the left hand side section..

basically if i make any edits whatsoever

The right sidebar dissapears.
Any advice?

It very well may be that the lack of Upgrade is what is causing the Font Size Error…. hmm… I will upgrade first.

How do i use dropbox to send you a file…?

Thank you Yigit for your help, almost everything is ok !
Except:

>>>>#3 – Price font size — – It is currently set to 18px
Yes, my code work, but it also changes the price size everywhere on the site. I would just modify the price size
in the of the individual product page (not on related products, not on the shop overview, etc.)

>>>># 4- Big Image product size: Please add following code to Quick CSS and adjust
What is the image dimensions normally? (by default)
Because I have the impression that my image looks blurred when I increases the image size with your code.

>>>>#5- Related products size: Please add following code to Quick CSS and adjust:
That work ! I can set it to 6 columns now, great ! But now the space are not equally distributed.
To adjust the space I tried to add this code (margin: 0px 0px 0px 19px !important;) to equally distribute tumbnails in the space and that seems to work except when I resize down the windows: the 6th thumbnail fall in a other line…

Hi

That words on the font size, but it doesnt control the font weight.

Reviews is much bolder.

I have also tried this …

font-weight: 200!important;

but it makes no difference.