-
Search Results
-
In reply to: Social media in main menu
Hey!
Thank you for the update.
Please install this plugin: https://wordpress.org/plugins/php-code-widget/
Go to Appearance > Widgets then insert the PHP Code widget in place of the footer social icons. Add this code:
<?php $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); $icons = avia_social_media_icons($social_args, false); echo $icons; ?>Regards,
IsmaelHi,
I am trying to put social icons in my footer, and I cannot seem to get it done.
Someone put these in the footer for me and I cannot find where.
There is no widget being used. There is no code in the footer.php.
Where is this code at so I can access it? Does anyone know?
Thanks!
Is it at all possible to add EntypoIcon Font icons in front of a menu item or inside the data table? My client wants me to do a layout like the attached image on the website. I was thinking to maybe use either a menu widget in the page builder or a data table because that seems like the only two options here. I could maybe use the icon box for this but the client want it to look like a table layout with thin borders as you can see from the attached image. I would really appreciate your advice here.
This may be something to consider in a feature update of the theme.
This is by far the best theme I’ve used so far. Avada, from another developer is fantastic but lacks a page builder which is a huge time saver when your are a Freelancer!
Hi,
I would like to add the social icons (that are in the header) to the footer/socket area. I’d like to add them to one of the footer widgets and then also below the socket menu.
The site is located at http://jrkasman.com
Credentials are listed below.
Thanks,
GabeIn the footer a text widget has been added and inside it this is placed:
<div id=”avia_socialcount-3″ class=”widget clearfix avia_socialcount”>
<span class=”social_widget_icon” data-av_iconfont=”entypo-fontello” data-av_icon=”” aria-hidden=”true”></span>
<strong class=”asc_count”>Volg mij
<span>op Twitter</span>
<span class=”social_widget_icon” data-av_iconfont=”entypo-fontello” data-av_icon=”” aria-hidden=”true”></span>
<strong class=”asc_count”>Subscribe
<span>op mijn RSS Feed</span>
<span class=”seperator extralight-border”></span>
</div>I want to change the RSS icon to a Facebook icon and add LinkedIn and Youtube. However inside data-av_icon=” ” there is a little symbol. I can’t seem to find what it is, where it came from or how to find symbols for Facebook, LinkedIn and Youtube.
Topic: Footer Icons
Hi I’m trying to change the twitter icon to facebook that is with the social media twitter and rss widget
I was told to place this in functions-enfold.php but it doesn’t work anymore
function avia_social_widget_icon($content, $icon)
{
if($icon == ‘twitter’) $icon = ‘facebook’;global $avia_config;
What shall I be using now ? It’s near to line 200
In reply to: Heading being cropped and dissapearing
Thanks Yigit,
Where can I see what’s been added in 2.9.1?
I didn’t realise I had any code in the quick CSS which affected the mobile menu – below is everything I have in there, can you tell me what I should take out please?
Thanks.
Kevin
#footer .widgettitle {
color: #E24C13;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
font-size: 14px;
}/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:165px; line-height: 165px; }/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 140px; line-height: 140px; }/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height:88px; line-height: 88px;}
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
height:140px; line-height: 140px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-left-style: solid;
border-left-width: 0px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-right-style: solid;
border-right-width: 0px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 0px;
}.html_bottom_nav_header.html_logo_center #top #menu-item-search > a {
border-right-style: solid;
border-right-width: 0px;
}#header_main {
border-top-style: solid;
border-top-width: 0px;
z-index: 1;
}.header_color .header_bg { background-size: contain!important; }
.avia_textblock strong{
color:#FC8B1C;
}
.avia_textblock a{
color:#FC8B1C;
}In reply to: Social Network Tab plugin not working
Hey Joe!
Try adding this code to the Quick CSS:
.widget-acx-social-icons-widget-2-widget img { width: auto !important; }Cheers!
JosueHi there,
When I reduce the size of the window or view the site on th ipad etc. the header background gets cropped on the left hand side and when you reduce the size of the window smaller it’s gets even more messed up.
Can you have a look and le me know if you have any advice please?
This is code I’ve added in the quick css for various things:
#footer .widgettitle {
color: #E24C13;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
font-size: 14px;
}/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:140px; line-height: 140px; }/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 140px; line-height: 140px; }/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height:88px; line-height: 88px;}
.bottom_nav_header.social_header .main_menu ul:first-child > li a {
height:140px; line-height: 140px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-left-style: solid;
border-left-width: 0px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li:first-child a {
border-right-style: solid;
border-right-width: 0px;
}.html_header_top.html_bottom_nav_header .main_menu ul:first-child > li a {
border-right-style: solid;
border-right-width: 0px;
}.html_bottom_nav_header.html_logo_center #top #menu-item-search > a {
border-right-style: solid;
border-right-width: 0px;
}#header_main {
border-top-style: solid;
border-top-width: 0px;
z-index: 1;
}Thanks in advance.
Kevin
In reply to: Add Social Media Icons to Text Widget
Hey ghodson!
Do you have social media icons on the header of your website? If so, can you post the link to it so we can provide you the HTML code you should add to text widget?
Regards,
YigitHey, I am trying to add social icons to text widget, and I came across this in another post:
<ul class=”noLightbox social_bookmarks icon_count_6″><li class=”social_bookmarks_facebook av-social-link-facebook social_icon_1″><span class=”avia_hidden_link_text”>Facebook</span>
This works great, but I need Linkedin and Gplus as well. Any help would be appreciated
I have Woo commerce installed and am using that for payment with my shopping cart, plus I’ve purchased LayerSlider. Will updating mess up all of my Woo settings or the Layer Slider? Should I update only the folders and things changed?
I noticed that the js folder was updated which includes shortcodes.js. Will replacing this folder overwrite the short code I added that allows the mp3 player to display?
Thanks,
Thomas
2014 May 28th – Version 2.8
– style.css – new version number
– search.php – improved: compatibility with url rewrite rules
– template-archives.php – fixed: a display bug when no blog posts are available– folder config-templatebuilder:
– added: new Element: Animated Numbers that count from 0 to whatever number you have entered
– added: Masonry and Masonry Gallery can be used on pages with sidebar now (previously only fullwidth)
– added: contact form allows comma separated list of receiving emails
– added: contact forms “email” form fields use the “email” html type on mobile devices, so the keyboard layout shows the @ sign by default
– added: contact form fields now can have a column width of 1/1, 1/2, 1/3, 1/4, 2/3 and 3/4
– added: contact form description fields were added so you can add headings and descriptions between elements
– added: contact form can now be redirected to a new page after send, so you can display custom messages and track conversion paths
– added: contact form now has a sending indicator as visual feedback for the user
– added: table editor now allows to move existing rows and columns when editing the table
– added: color section option to remove the top border manually for a “flat” look
– added: image element now got a caption option as well as improved animation
– fixed: a problem with widget element not displaying the correct value
– fixed: a problem with shortcode “magic wand” button causing a white text area
– fixed: a problem with iconfont uploader throwing an error when uploading a font
– fixed: a problem with the code block element and improper whitespace stripping– folder js:
– fixed: a bug with the ajax search on Windows Chrome
– fixed: a bug with youtube videos starting when they shouldn’t
– improved: masonry layout script was updated so there should be less issues with misaligned masonry elements
– improved: contact form javascript
– improved: fly out menu for mobile devices– folder css:
– fixed: a small issue with the post slider image overlay
– fixed: an issue with images not resizing correctly when resized in the wordpress editor
– fixed: an problem with the cart icon not displaying on boxed layouts
– fixed: a problem with top padding when using the blank template
– added: form css classes for various columns
– added: form css classes for button while sending
– improved: print.css file– folder includes:
– added: reddit icon for header social media icons
li.social_bookmarks_twitter.av-social-link-twitter.social_icon_1 {background: url('https://example.com/wp-content/plugins/social-media-widget/images/default/32/twitter.png') !important;
height: 32px;
width: 32px;
}
i tried this but i can still see the old icon at the back of the image and the hover is still showing
Hi,
I have another issue. Suddenly the social media icons are not displaying in the footer widget. All three browsers – Firefox, Chrome & Explorer – worked fine a few days ago. Now Chrome has broken image links, Firfox shows the words “facebook” and “youtube” and explorer has broken image symbols.I noticed on your forum that AdBlock could cause this…not the case with me. I cleared cache on all browsers. Icons not displaying on mobile either. The “header” social images are working fine?
Please advise,
ShelbyIn reply to: widget rule and extra white space
Hey!
– Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .widget ul { list-style: none; }– Seems like you have manage to display social icons on the socket section
– Please add your content into the same layout element as “EXPERT WITNESS & FORENSIC CONSULTANTS”
–div#av_section_1 ul { color: white; }Cheers!
YigitHello,
I was wondering how I could add a rule to separate the content on the left with the widget areas on the right. Also, I’d like to add the social media icons (including mail icon) to the bottom of the “get in touch” widget. (The same widget/icons that I have in the header). What’s the code for that? (I tried to use the same that was used in footer but it didn’t work). How do I get rid of the bullets on the “more about us” widget?
Also, how do I get rid of the white space between the title “Expert Witness & Forensic Consultants” and the content? I tried using the white space shortcodes with large negative numbers but that didn’t seem to do anything.
The bullets in the “Our skills” section (orange colored section) are grey instead of white (I highlighted all the content when changing it to white). How would I change these to white? Thanks and appreciate your help!
Topic: Icon list font style
Hello,
You already helped me with some style changes, but there is still one thing: How can I define the font style of the icon list title and content? I would like to set the title to Coda and the content to Arimo 15px each.
Quick css looks like this:
body {
font-size: 16px;
}.avia_transform .av_font_icon {
margin-bottom: 30px;
}.main_color .iconlist_content {
color: white !important;
}#footer .widgettitle, .main_color .sidebar_tab, .main_color .tabcontainer .tab, .avia-icon-list .iconlist_title {
text-transform: none;
color: white;
}.phone-info span, #top .social_bookmarks li a { color: white !important; }
Thanks a lot
In reply to: Extra Content in Header Question
Josue,
Yes tried the built-in options but dont really want to use the top bar. What I want is a small text widget or area to the left of the logo to match the location of the social Icons on the right,
Or if that Cant be done. Would love to put a Phone number and Tagline under the social Icons.
http://newsite.custommadeproductions.com/
Thanks in advance.
Mike
In reply to: How to add a social icon not listed
Hi Josue,
I went to the Fontello to attempt to create the icon but that didn’t work at all. I’m not very technical at all.
You never answered my question about soliciting help?
Lastly, I used your code for the social media icons on the bottom of the widget. I decided to add one more social media icon and I got the same issue as before. The last social media icon should be showing Google Plus but instead I have Pinterest showing up. What changes did you make last time to make it work? I tried to duplicate what you’ve done and it is not working. See the code in a separate response.
sl
In reply to: Font style unchangeable
Hello Ismael,
no, I checked this and the problem persists. The body font still sets back to Arial in the settings options. It seems to me that it does not work anymore since the latest quick css changes have been made. Could this be the solution?
Quick css looks as follows:
body {
font-size: 16px;
}.avia_transform .av_font_icon {
margin-bottom: 20px;
}.main_color .iconlist_content {
color: white;
}#footer .widgettitle, .main_color .sidebar_tab, .main_color .tabcontainer .tab, .avia-icon-list .iconlist_title {
text-transform: none;
color: white;
}.phone-info span, #top .social_bookmarks li a { color: white !important; }
Regards
In reply to: menu images
Hey!
Try putting this code in a Text Widget in the footer:
<ul class="noLightbox social_bookmarks icon_count_3"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><a target="_blank" href="http://twitter.com/Jewish_Heritage" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="https://www.facebook.com/worldjewishheritage" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_gplus av-social-link-gplus social_icon_3"><a target="_blank" href="https://plus.google.com/u/0/102928791076136286922/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Gplus"><span class="avia_hidden_link_text">Gplus</span></a></li></ul>Best regards,
JosueIn reply to: menu images
Hey!
Refer to this topic:
https://kriesi.at/support/topic/place-social-media-icons-into-a-widget/Best regards,
JosueThis worked to add the social sharing icons on the posts on the blog summary page, but now there are TWO sets of sharing widgets on the individual pages.
This change also made the pictures and duplicate pictures show up on the summary page.
Please advise ASAP, because this site is live.
Thank you,
Mike
Hi Folks
Do you have some code I can put in a text widget so that I can display the enfold SM icons in my footer (FB, Twitter, G+, Youtube, Pinterest, Skype)
Thanks
Richard
In reply to: How to hide Related Post
We would like to have the social sharing icons on the bottom of all of our standard pages, and the trimmed content snippets on the /blog page.
Please advise,
MikeThanks for the replay!
Saving templates are nice, but what if I change a Icon List on one page, will then the content in the other Icon Lists on the other pages be updated? The possibility to create smart templates of single modules would be really nice in forthcoming updates of Enfold.
Is there a way to create widgets with the Avia Page Builder and use the Widget Area module?
I guess I must have the latest version of Enfold since I bought it just a week ago, but I still can’t find the share buttons for social media? Where are they? Or could they only be used in blogs? I want them om static pages.
EDIT: I found the share buttons, but as I suspected, they can only be used on blog pages. It’s importent to also be able to share content on static pages which is important from a SEO perspective. Is there a way to add the share buttons on a static pages?
For forthcoming updates it would be nice with some kind of pop-up message to confirm if you want to delete a module.
Thanks!
