-
Search Results
-
This is my website and i would like to change the font type and size. Is there any possibility without customizing the coding?
http://sparberater.eu/faq/#toggle-id-1
Thanks for answers :-)
In reply to: image overlay not quite centered when it should
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-tooltip .inner_tooltip { font-size: 13px; }Cheers!
YigitHi support
is it posible til change the font style of:
.avia-content-slider .new-special-heading h3 {
color: white;
font-size:26px;
}to the default style of “special heading” container
I have been trying to create a table in a footer column with a transparent background on all the cells and no borders so that I can position some text and images.
I have managed to get the table cell backgrounds to go transparent by setting the color to #0000ffff for the alternative background color for the footer in generalstyling->footer.
I can not get rid of the table cell borders though.
Below is the code in the footer column that creates the table;
<table width=”319″ height=”150″ id=”transtable”>
<tr>
<td width=”72″ style=”vertical-align: top;”>
</td>
<td width=”235″>
</br>
<span style=”font-size:85%”>Pacific Coast Energy, LLC is an industry leading propane marketing and distribution company based in the Puget Sound region of Washington State. We are locally owned & operated and we take pride in providing first class service at a fair and reasonable price.</span></td>
</tr>
</table>I added the following to my child theme styles.css
#transtable {
border-collapse: collapse;
border: 1px none;
}Any help would be appreciated!
Thanks,
Darryl.Hi,
I think I’ve finally finished my website soon, it will take several years (and tests with Replete, Abundance before Enfold).
Just a few last adjustments. Here are some questions burst, by hoping that it is the last ones ;-)
I include a screen capture to show what I want to obtain.1- I want to increase the menu text size
OK, I finally find how to make:#avia-menu .avia-menu-text { font-size: 15px !important; }2- I would like to add some more space above and below my main text menu on the top of the page.
3- I want to increase the font size for the text,
I succeeded with this code:#top .price, #top .price span, #top del, #top ins { font-size: 18px;but it also changes price everywhere (related products, shop page…)
I would like to change the price size only in the individual product page.4- I want to increase the big product image into individual product page.
Do I need Image resize plugin to make this or I can change it with quick css ?5- Related produce are too big. I changed the setting into function.php to make 5 columns but it’s still too big.
I tried with 6 columns but that not work (image become very big instead).
At this time, the size is about 228×228, I would like something like 175x175px.Thanks for your help !
In reply to: How to increase font for fullwidth submenu items
Hey DROR!
Add this to your custom CSS.
.av-submenu-container .avia-menu-text { font-size: 14px !important; }Best regards,
ElliottIn reply to: Problems with responsive
Hey aintzerga!
Your talking about the U2.COLLECTION text correct? Because there are no spaces in the text the browser thinks it is all one word so it does not break it into two lines. Would you like to try reducing it’s size? If so then remove the !important inline style you have set on it and add a custom ID to the section it’s in and then add this to a codeblock element in the page.
<style type = "text/css"> @media screen and (max-width: 900px) and (min-width: 767px) { #yourcolorsectionID .av_one_third font { font-size: 20px !important; } } </style>Best regards,
ElliottIn reply to: Custom CSS for plug in.
Sorry to be unclear. I don’t’ have an example of what I need. But http://www.waterstone-realty.com/20151010-2 is a minimal page. I am trying to get “See all Real estate matching your search…. Read full disclaimer.” to appear at the bottom. The pictures need to be evenly spaced 4 across by 3 down. I can achieve this with Set width, but need it responsive.
My custom CSS is below.
#mcj .dsidx-results {width:100% !important; padding-left: auto !important; margin-left: auto !important; justify-content: space-between;}
#mcj .dsidx-prop-summary {display: inline; float:left; width: 320px; height: 210px; overflow:hidden; position: relative; }
#mcj .dsidx-prop-title {font-size:8pt; margin-bottom:10px;width:100%; text-align:center;}
#mcj .dsidx-results li img {width:250px;display:block!important; height: 162px; margin-left:35px }
#mcj .dsidx-prop-features {display:none !important;}
In reply to: custom icons..WP slider and footer
Hi!
We can offer basic support only in this forum, as written in our support policy. If you are under pressure (time sensitive projects), then feel free to hire a freelance developer. You can find one for example here: http://kriesi.at/contact/customization
As I already told you: Please open different tickets for different questions, because then we can answer your questions simultaneously and you would get a faster reply. Furthermore it will be easier for people searching in this forum to find solutions, as the threads will be clean and easy to follow.
1.) Not sure about which icons exactly you are talking about and I am not sure if I understand you correctly. Why do you need to add any icons, which are already shown in your (Enfold) homepage?
As I already told you im my previous post, you can upload your very own icons to fontello.com. Click here:Afterwards you should follow the video tutorial on how to add your own icon fonts (which I already sent you as well in my previous post): http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
2.) Responsive does not mean it will behave automatically the way you want. No plugin or theme can know what you wish to have. Instead it means that you can control different behaviors on different screen sizes. If you open a new ticket for this issue, then we can try to find the correct media queries for you.
3.) Screenshots would have helped a lot, to make things clear for us. In the future you can use imgur.com or dropbox.
Use this code instead:#footer .container { left: 10%; }and adjust as needed.
Regards,
AndyHi there,
so say I have a home page with a whole bunch of colour sections and all the colour sections have different background colours and need different font colours and different bold/strong font colours.
how do you make it so that the different text boxes with different background colours have different font colours and sometimes font sizes for each text box?
I tried advanced MCE but it seems that the font size tool is either auf weidersehn or kaput on enfold..
please advise..
cheers and many thanks
In reply to: custom icons..WP slider and footer
Hey Acuadra_P!
please use different tickets for different questions.
1.) You can upload your own icons to fontello.com and afterwards use them in Enfold. Follow this tutorial: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/
2.) You need to use media queries if you want to achieve different behaviors on different screen sizes: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
3.) use this code in Quick CSS field:
#footer .container { text-align: center; }Regards,
AndyIn reply to: Assign different icons to a bullet list
Hi
Thats what I thought. I have ALB turned on, but I cant figure out how to apply that to my ul list.
<ul class="list"> <li class="list-phone">Phone 12345678</li> <li class="list-email">Email (Email address hidden if logged out) </li> <li class="list-fax">Fax 78945611</li> </ul>And I have this in my CSS:
/* CT START Tick Box List */ ul.list { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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 */Incidentally, it is displaying text again instead of the icons.
Thanks
I have looked over the CSS and cant see anything else obvious.
The blogs are now displaying as a single column.
However I can’t figure out why this isnt working
/* CT START Tick Box List */ ul.list { list-style-type: none !important; list-style: none !important; position: relative; display: block; left: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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"; 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: 0px; list-style-position: outside; width: 100%; padding-bottom: 0px; } .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 */This (ul list) is meant to display the fontello tick box as a bullet.
But instead it is just displaying 822.
http://dev2.electrixinternational.com/products/trunking-systems/flat-lid-trunking-system/
In reply to: IE8 Display Issues
Hi!
Sorry for the delay. Try this in the Quick CSS field to fix the logo resize issue:
.avia-msie .logo a img, .avia-msie .logo { max-width: 246px; width: 246px; }IE 8 doesn’t support border radius that’s why you see a boxed icon instead of circle. And you don’t see the actual icons because IE8 partially supports pseudo-elements. You can try to fix this by swapping the font icons with an actual icon image.
Here’s our stand regarding IE8 and Windows XP: https://kriesi.at/support/topic/ie-8-issues-4/#post-373401
Still, Enfold is compatible with the browser with few minor flaws which are to be expected given the fact that IE8 is almost 6 year old piece of software. Also, Envato no longer requires Internet Explorer 8 support from their themes which is why other premium themes such X doesn’t claim IE8 compatibility.
Regards,
IsmaelHey shaoxuming!
Thank you for using Enfold.
This is actually an old issue but it was originally reported as a safari issue. The testimonial slider works fine on other browsers. Unfortunately, the issue seems intermittent and we can’t reproduce it on our own installations so we haven’t figure out the issue until now. https://kriesi.at/support/topic/testimonials-keep-disappearing/#
Anyway, I check the site on Chrome 46.024, Safari 5.1 and Firefox 41.02., open a new tab, leave it for at least a minute and the sliders didn’t stop working. What I noticed in safari is the “blurred” or “sandy” subtitle text in the testimonial element. Try this in the Quick CSS field:
.avia-testimonial-subtitle { -webkit-font-smoothing: antialiased; }Or adjust the font size only on safari browsers:
.avia-safari .avia-testimonial-subtitle { font-size: 14px; }Regards,
IsmaelIn reply to: Enfold Theme Secondary Menu
Hi!
You can use the below css to edit the color and font size of your phone info:
#top .av_header_transparency .phone-info { color: #000000 !important; font-size: 14px !important; }Best regards,
DakeIn reply to: Enfold Theme Secondary Menu
In reply to: Some issues with mobile menu
Ok the good news is after testing I have managed to get my mobile menu styled the same as the normal menu. I used this for quick CSS shortcodes. This would be a great additional option for the header > mobile menu section
#mobile-advanced a, #mobile-advanced .mega_menu_title { font-size: 20px; text-transform: uppercase ;!important; text-align: left; font-weight: bold;!important;} span.avia-menu-text { font-family: 'customfontnamehere'; }However I still can’t remove the transparent background element on the menu, so any help on this would be gratefully received, thanks :D
In reply to: + / – buttons in Cart not displaying in mobile
I have fixed the issue and tidied up the mobile view …
/**************************************************************** ************* Add Qty fields to Mobile cart screens ************* ****************************************************************/ @media only screen and (max-width: 767px) { .responsive .shop_table .product-quantity { /* width: 76px; */ display: block; min-width: 50px; text-align: center; padding-bottom: 5px; font-size: 11px; } table div.quantity { width: 50px; } .responsive #top table .product-name { min-width: 190px !important; font-size: 11px; padding-left: 5px; } .responsive table.shop_table.cart td.product-remove { display: none; } .responsive table.shop_table.cart .product-remove { display: none; } /* div table.shop_table td { min-height: 120px; } */ .cart td { border-style: none none none none; } .cart th { border-style: none none none none; } .cart table { border-collapse: inherit; } .responsive #top table .product-name { border-left-style: none; } tr th:first-child, tr td:first-child { border-left-style: none; } tr:first-child th, tr:first-child td { border-top-style: none; } } /* Individual control of the Plus and Minus buttons */ @media only screen and (max-width: 767px) { #top .main_color .quantity input.minus { display: none; } #top .main_color .quantity input.plus { display: none; }}In reply to: Enfold Theme Secondary Menu
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
#header_meta * { font-size: 16px; }Regards,
YigitIn reply to: Agregar un icono en el header.php
Hola,
Has probado con do_shortcode? algo como:
echo do_shortcode("[av_font_icon icon='ue909' font='entypo-fontello' style='' caption='' link=''_blank' size='35px' position='center' color=''][/av_font_icon]");Saludos,
JosueIn reply to: Enfold Theme Secondary Menu
Hi
It only gives me those options:Small bar above Main Menu – Change the styling for the small bar above the main menu which can contain social icons, a second menu and a phone number
font color, bg color and border color
I need to change font size…how? Thank youTopic: Custom CSS for plug in.
I use a plug in that i non editable. I want to take it’s contents from a list and place them into 3 or 4 columns. I am using custom CSS code add on and placed mcj in the box. But Can’t get that to work with plug in. I have this custom CSS code and a way to add it to a single page, but it doesn’t work for some reason (but works on home page which is a custom template. Is there something I can do to get this to work? Home page is http://www.waterstone-realty.com. Demo page of this not working would be http://www.waterstone-realty.com/20151010-2 . Same page my widget is behind slider. Any advice on bringing it to front. Tried z-index but it isn’t working too well for some reason. But first and foremost trying to get my Pictures centered and columned.
<style type=”text/css”>
.entry-content ul, .entry-content ol {
width:100%;margin-auto;padding-right:px;overflow:hidden;display:block;
}.entry-content ul li, .entry-content ol li {
display:block; width:310px;margin-left: auto;margin-right:auto;
}.entry-content ul li img, .entry-content ol li img {
display:block;width: 250px;margin-left:30px;
}.dsidx-prop-features {display:none;}
.dsidx-prop-title {font-size:8pt; margin-bottom:10px;width:100%;margin-left:0px;}
.dsidx-prop-title img {display:block;font-size:8pt; margin-bottom:10px;width:250px;margin-left:auto;margin-right:auto; text-align:center;}
.dsidx-results {margin-left:auto;margin-right:auto;width: 100%;}
.dsidx-prop-summary {display:inline; float:left; width: 250px; height: 210px; overflow:hidden; }
.dsidx-results li img {float:right;width:250px;display:block; height: 162px;margin-left:auto;margin-right:auto;text-align:center;}
#deleteit {display:none;}
.entry-content p, .entry-content > ul, .entry-content > li, .entry-content > dl, .entry-content pre, .entry-content code, .entry-content blockquote {
clear:both;
overflow:hidden;
}/* IPHONE
—————–
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */@media screen and (min-width: 300px) and (max-width: 739px) {
/* STYLES HERE */.entry-content ul li img, .entry-content ol li img {
display:block;width: 250px;margin-left:20px;
}}
</style>In reply to: styling the submenu
Changing the size is easy. I did that in the advanced styling sections. I want to change the style from the body copy style (open sans) to the heading font which is Oswald. That’s what I need to know.
Thanks
ClaudiaIn reply to: styling the submenu
Hey cagraphicdesign!
If your just trying to change the font size then try this CSS.
nav.main_menu .sub-menu .avia-menu-text { font-size: 12px !important; } .av-main-nav ul { width: 150px !important; }Cheers!
ElliottTopic: styling the submenu
I understand I can change the size, color, etc. by configuring the “Main Menu Sub Level Links” within the Advanced Styling BUT I do not see where I can change the font family and and font style. I would like to use the same font as in the Main Menu but smaller.
So, how do I change the font style for the sub level links (otherwise known as dropdown menu)Also, is there a way change the width of the sub menu? It is wider than I need.
Thanks, Claudia
