-
Search Results
-
Topic: WPML Customization
Hi guys,
1st of all – thanks for this superb template. I’m absolutely new in web-design but your template allows great results for everyone!
One of the issues I have is related to the WPML plugin. I think a lot of customer want to use this plugin and decided to buy ENFOLD as it’s supposed to be WPML ready/friendly. It’s very hard when it comes to WPML customizations to find up-to-date information THAT REALLY WORK. So it would be great to have a summarized up-to-date topic (maintained by kriesi) to monitor the latest WPML customization possibilities.
From my side, I managed to get rid of these flags and to change the displayed country names. But that’s it. I would love to have the WPML switcher on our website like on this site
For this I must be able to
– set the border between the menu items
– increase the space to the WPML switcher
– change the font color for the menu items (optional)
– change the font size for the menu items (optional)Could you teach how to make this possible?
Cheers
RobertIn reply to: Logo and h1 not resizing for mobile
Hey christinfj!
Try adding this to your custom CSS.
@media only screen and (max-width: 479px) { .responsive .logo a, .responsive .logo img { max-width: 80% !important; } .av-content-full h1 { font-size: 50px !important; } }Regards,
ElliottHello, I used “Special Heading” on the site which has the thin font type. When I am logged into the wordpress backend, everything is fine. When I am logged out, the section doesn’t display the thin font type – instead, it changes to the content font (I assume). The size of the font is correct, it just displays the chubby large fonts instead if the thin one.
Is there a way around this?
Many thanks!
A smaller thing: I was trying to play around with the transparent header option but I couldnt find where I can set it to transparent. i know I had it at some point and I am sure that I’m just being bling… could you enlighten me re this as well please :D
In reply to: Adding Graphic to Header Area
A few more questions:
How do I remove “in” and that “/” at the right. I’ve hidden the author info, so that slash is unnecessary.
How do I change the font size/color of words “Portfolio Items” and “Posts” on tag archive pages?
http://shao-nian-why-bored-z.com/?tag=%E5%8B%87%E8%80%85%E8%B2%B4%E8%8A%B1%E7%94%B0%E7%9A%84%E6%95%85%E4%BA%8B-iiiHow to change the font size/color of both “Tags:” and the tags at the bottom of post and portfolio pages?
In reply to: Adding Graphic to Header Area
Hey!
1.) Use this to change the style of the “Make an Appointment” menu item:
li#menu-item-3780 a { background: green; padding: 10px; color: #ffffff; }This for the social icons:
#top .social_bookmarks { height: 50px; } #header_meta .container { min-height: 50px; } #top .social_bookmarks li a { width: 50px; line-height: 50px; min-height: 50px; font-size: 20px; } #top .social_bookmarks li { width: 50px; }2.) You can change the phone number color with this:
.phone-info span { color: #719430; }Cheers!
IsmaelLove the options to change the font color and size on the full width easy slider, but would like to change the default black color and opacity of the frame behind the text + modify the positioning within the slider.
What’s the quick CSS trick?
Thanks!
Hey Nathan!
Try adding this code to the Quick CSS:
#header { font-size: 0; } #header br{ display: none; }Cheers!
JosueHey!
what changes of the font do you want to have? add this in Quick CSS:
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char { color: #c3512f !important; font-size: 20px; }.news-excerpt { color: red; }to hide thumbnail:
.news-thumb { display: none; }2. You can put border-color same as background-color:
.header_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a { border-color: #fff; }.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a { border-color: #fff; }Regards,
AndyHi there,
since I have some colorful images running as parallax images and using ‘special headlines’ as layer over the images – the fonts are sometimes hard to read, even with optinal changing size and color.
So i thought if it would be possible to alter the fonts with f.e. a background box, transparent background box or border (see attached images)
http://pl.vc/5pyjx
any idea how to achieve this?
thanks in advance…
P.-In reply to: Different Sidebar and Custom Menu Titles
Hey anthonyv9!
If you only want that in your sidebar then change your code to this.
aside div .widget_nav_menu:before { content: ‘Quick Navigation’; font-size: 17px; color: black; } ul.nested_nav { border-bottom: 1px solid #e2e2e2; }Best regards,
ElliottHey!
1.) Are you referring to the widget? The code should work for the portfolio and blog title. Please use this:
strong.news-headline { font-size: 20px; }2.) Please provide a screenshot of the border. The code above should remove the border of the header and the main menu.
Regards,
IsmaelIn reply to: Menu Items Overlay Logo
Hey!
You can adjust the padding and font size of the main menu items:
@media only screen and (max-width: 1100px) { .av-main-nav > li > a { font-size: 11px; padding: 0 7px; } }Regards,
IsmaelHi!
Please use this to adjust the menu padding and font size on smaller screens:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .main_menu ul:first-child > li > a { padding: 0 8px; font-size: 17px !important; } }Cheers!
IsmaelHello.
I just updated to the most recent version of Enfold and it’s caused a few minor hiccups with my site.
I have a bit of custom CSS that added a header and border to my sidebar navigation, as seen below:
div .widget_nav_menu:before {
content: ‘Quick Navigation’;
font-size: 17px;
color: black; }
ul.nested_nav {
border-bottom: 1px solid #e2e2e2;
}However, with the theme update, it added the ‘Quick Navigation’ title above two Custom Menu widgets I have as part of my 4-column footer. Essentially, there’s the ‘Quick Navigation’ title, followed by the actual Custom Menu title, and then the menu pages.
I want the Sidebar title, but don’t want it to replicate above my Custom Menus. Can you help…?
In reply to: Odd space below the menu
That fixed the space, but moved the white line to close to the menu item text. It should be equal above and below and position near the hover bar.
Here is the current css:
/* MENU HEIGHT BELOW TEXT */
.html_header_top.html_bottom_nav_header .main_menu > div { margin-top: 10px !important; }/* MENU HOVER BAR POSITION */
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 42px; }/* keep header info above line and shrink */
.header-scrolled .custom_info {
line-height: 12px;
font-size: 11px;
top: 10px;
}div#header_main {
padding-bottom: 2px;
}In reply to: Social Icons and Sidebars for Categories
Hey kaga!
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer li#post-6791 h4 a { font-weight: normal; font-size: 13px; }2- Seems like you have already figured it out – http://i.imgur.com/IhWpj2A.png
Regards,
YigitHi berndrepenning!
1. You have 26 tags there and there is not enough space for them to fit on one line so they will wrap to two lines. I’m not sure what you are wanting to do with them. If you would like to reduce their font size then you can use this CSS.
.taglist { font-size: 10px !important; }I don’t think that will help though because there is just too many. I would consider re-tagging them or create two accordions.
2. I see the prices on my iPod and Nexus 7. Can you take a screenshot of what your seeing?
Regards,
ElliottIn reply to: Footer font
Hi almmasy911!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer { font-size: 16px; }If that does not help, please post the link to your website and a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Cheers!
YigitTopic: Footer font
Hi there Support
I have an odd issue and would like to ask your advice on how to possibly resolve this.
If you visit me website – http://www.gavinparke.com
In the footer you will see “online courses” – the course name is for some odd reason BOLD and of a larger font size. Also in the main menu if you go to “Blended Learning” the sub menu fonts size is huge –
Questions – how can I reduce the font from bold and how to reduce the font sizes?
Thanks kindly!
In reply to: google event tracking on button in layer slider
the site is: http://gemcovalve.com/
the layer slider has a background image and a layer with short code button
[av_button label=' Request Quote' link='manually,/spec-quote/' link_target='' color='orange' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='yes' icon='12']When i tried to add custom_class=’ga-de-slide-sdisc-quote’ in the button – it breaks and no button displays at all.
[av_button label=' Request Quote' link='manually,/spec-quote/' link_target='' color='orange' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='yes' icon='12' custom_class='ga-de-slide-sdisc-quote']I removed custom class from button and added: ga-de-slide-sdisc-quote
to the attributes/classes in the layer slider per your last instruction. But no events are triggered.On the home page I have a promo box with a button where I added custom_class and the event tracking works.
ga-de-home-cta-quoteThank you for your help
Topic: Odd space below the menu
I had to use some custom css to increase the menu item height (not the header height, just the menu), but there’s some space below that creates an odd gap.
Can you look at the page below?
here is the CSS:
/* MENU SPACE ABOVE TEXT */
.boxed .container {
margin-top: 7px;
}
/* MENU HEIGHT BELOW TEXT */
.html_header_top.html_bottom_nav_header .main_menu>div {margin-bottom: 8px;}/* MENU HOVER BAR POSITION */
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 42px; }/* keep header info above line and shrink */
.header-scrolled .custom_info {
line-height: 12px;
font-size: 11px;
top: 10px;
}div#header_main {
padding-bottom: 2px;
}Hi!
Use this for the portfolio and grid elements:
.av-masonry-entry .av-masonry-entry-title { line-height: 1.3em; margin: 0; font-size: 15px; } .av-masonry-entry-content.entry-content { font-size: 15px; } .avia-content-slider .slide-entry-title { font-size: 14px; line-height: 1.4em; margin: 0; } .slide-meta { font-size: 15px; }Use this to remove the header border:
#header_main_alternate, #header_main, #top #header .av-main-nav > li > a { font-size: 17px; }Regards,
IsmaelTopic: change font size
hi. how can i change the font size here https://www.sendspace.com/file/sjerut
http://www.weinkellerei-woeber.at/weinkellerei/?post_type=product
i want that the fonts “MEIN MENÜ” look like the fonts in the menu above.
and the title of the site here http://www.weinkellerei-woeber.at/weinkellerei/?post_type=product is : “Produkte Archiv”. How can i change the title to “Produkte Übersicht”??
Thanks.
In reply to: Navigation Menu
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#after_section_2 span.avia_iconbox_title { font-size: 18px; text-transform: uppercase; color: black } #after_section_2 .avia-size-x-large { padding: 13px; min-width: 215px; border-radius: 0; border-color: black!important; }They are using this font family – http://www.typography.com/fonts/gotham/styles/
You can find similar ones on Google fontsBest regards,
YigitIn reply to: Header Background Colour
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust values as needed
.avia-menu.av-main-nav-wrap.av_menu_icon_beside { position: relative; left: -25%; } .phone-info { position: relative; top: 59px; font-size: 20px; right: 96px; } .header-scrolled .phone-info { top: 40px; }Regards,
YigitIn reply to: Enfold Mobile Menu icon + text
Hi Eliott,
With a few adjustments, it magically appeared as desired. Here’s what I ended up with… Perfecto! Just like Enfold. Gracias!#advanced_menu_toggle:after {
content: “Menu” !important;
font-size: 10px !important;
left: 10px;
position: absolute;
top: 17px;
}In reply to: Enfold Mobile Menu icon + text
