Page 32 – Support | Kriesi.at – Premium WordPress Themes

Ich hab es in der Footer Navigation eingebaut. Da funktioniert kein Shortcode. Nur HTML.
Ich hab jetzt Bilder benutzt. Das mit der Schrift scheint noch etwas experimental zu sein.

October 8, 2013 at 10:10 am #172125

In reply to: social icons im footer widget bereich

Dude

Hi gmmediadienste!

Du kannst den Icon Shortcode nützen. Einfach im “Default Editor” auf das “Zauberstab” Icon klicken und dann das “Icon” Element aus der Liste auswählen. Dann das entsprechende Icon auswählen, die Optionen anpassen und in den Texteditor einfügen. Nun kann man diesen Shortcode kopieren und entweder in ein Textwidget einfügen oder (wenn du diesen direkt im HTML Code anzeigen möchtest) mit


<?php echo do_shortcode("MEIN SHORTCODE"); ?>

einbinden. Statt MEIN SHORTCODE füge aber deinen Icon Shortcode ein.

Best regards,
Peter

October 8, 2013 at 12:11 am #171967

In reply to: Enfold Feature Requests

IndikatorDesign

and…

• possibility to use your social icons with a widget in sidebars or inside the widget-elements from Avia Layout Builder
+++++ Youtube +++++ :)

• Thumbnail for Videos

• Possibility to add classes to widget areas and Layout Elements

Edit (Dude): Already supported – see: https://kriesi.at/support/topic/custom-css-class/#post-169149

This reply was modified 12 years, 2 months ago by Dude.

October 4, 2013 at 4:33 pm #170490

Topic: social icons im footer widget bereich

in forum Enfold

gmmediadienste

Participant

Ich habe die Social Icons im Footer Widget Bereich. Leider funktioniert das jetzt nicht mehr.

Bis jetzt hatte ich die so eingebunden:
<span class=”av_font_icon avia-font-entypo-fontello” style=”font-size:20px”>&ue840;</span>
Die HTML codes von http://www.entypo.com/characters/ funktionieren bei Enfold aber scheinbar nicht mehr.

Shortcodes funktionieren leider auch nicht.
Wie kann ich nun die Social Icons im Footer realisieren?

danke

September 27, 2013 at 4:22 pm #167183

In reply to: Social media icons

Yigit

Keymaster

Hey!

Well, you can use four columns in footer ( Appearance > Widgets ) in Enfold as well and for footer socket, you already have copyrights section and footer menu ( you can activate it in Appearance > Menus ). You just need to customize footer.php file a bit to include your logo and text like “Adobe®, Flash®..”

Best regards,
Yigit

September 22, 2013 at 3:44 am #164712

Topic: Enfold Child: Widget Text Color

in forum Enfold

Valerie

Participant

Hi there! I’m a little confused…thought the color of the text in the sidebar widgets would be the same as in the body, but not so. See

When I examine with firebug, the text in the widget is in <div class=”textwidget”>. I’ve looked in a few of the css files but not finding this. How would I get the text in the widget text box “Science • Technology • Engineering • Math” to be the same color as the text in the body? Right now it is lighter.

Here is what I have in Quick CSS in the event there is a conflict here that I don’t recognize:
——————————————————————————-
.main_menu ul:first-child > li > a {
font-size: 11px;
}

.title_container .main-title {
font-size: 22px;
font-weight: 600;
}

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {
color: #636363
}

.title_container .main-title {
display: none;
}
#top #header .mega_menu_title a {
font-size: 11px;
line-height: 11px;
color: #808080;
}
.avia_textblock p {
color: #545354;
}
.main_color .iconlist_content {
color: #545354;
}
.header_color .main_menu ul:first-child > li > a {
color: #333333;
}
.iconlist-char {
color: #ffffff;
}
.main_color .avia-icon-list .iconlist_icon {
background-color: #97bab8;
}

.main_menu ul:first-child > li > a {
text-transform: uppercase;
}
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 90px;
line-height: 140px;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 90px;
line-height: 135px;
}
.title_container { background-color: #dae1e6 !important; }

.avia-icon-list .iconlist_content_wrap li {
margin: 0;
padding: 0 0 10px 0;
list-style-type: circle !important;
list-style-position: outside;
clear: both;
overflow: visible;
position: relative;
min-height: 20px;
}
—————————————————————

Also..what does “alternate content” refer to? I thought maybe it included widgets.

September 21, 2013 at 1:21 am #164317

In reply to: Floating Widget (using q2w3 widget) is not working in Chrome

https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header/

Hi!

I tested your site and when I make the above changes the “Request Quote” button doesn’t disappear when you scroll down. Please try this:

.avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .entry-content-wrapper {
-webkit-perspective: 1000;
-webkit-backface-visibility: visible !important;
}

Cheers!
Ismael

September 20, 2013 at 7:40 pm #164187

In reply to: I want to edit the html of the social twitter and rss icon widget

Josue

Inactive Moderator

Hi codecreative!

It’s here: enfold/framework/php/class-framework-widgets.php, starts at line 570.

Cheers!
Josue

September 20, 2013 at 5:14 pm #164119

Topic: I want to edit the html of the social twitter and rss icon widget

in forum Enfold

codecreative

Participant

I want to edit the html code generated of the twitter and rss icon widget that goes in the footer. I want to edit the twitter fontello code and change it to the facebook code show it shows a facebook icon instead of twitter.

I know how to do this but I don’t know where the widget html code that is generated is stored to be edited

Can someone please tell me the file location?

September 18, 2013 at 5:21 pm #163046

Topic: Addthis Hide from homepage

in forum Enfold

awilson3rd

Participant

Hello,

I have added an addthis vertical bar as per the instructions here:

I am using the new addthis smart layer option with the following code:

<!– AddThis Smart Layers BEGIN –>
<!– Go to http://www.addthis.com/get/smart-layers to customize –>
<script type=”text/javascript” src=”//s7.addthis.com/js/300/addthis_widget.js#accoutcode”></script>
<script type=”text/javascript”>
addthis.layers({
‘theme’ : ‘light’,
‘share’ : {
‘position’ : ‘left’,
‘numPreferredServices’ : 4
}
});
</script>
<!– AddThis Smart Layers END –>

However, it really doesn’t look great on the slider on the homepage so do you know of anyway to hide it from the homepage? I have searched the net but can’t find anything that would help.,

Thanks

Andrew

September 11, 2013 at 8:05 am #139598

In reply to: Mobile Menu not showing on iPad

RevolutionGroup

Hi Devin

I have done a lot of tweaking, so it is possible. Here is my CSS, I couldn’t see anything:

.logo img{

width: 290px;

height: 80px;

position: relative;

top: 5px;

}

.social_header .phone-info {

color: #014073;

font-size: 1.5em;

}

.main_menu ul:first-child>li>a {

font-size: 15px;

}

#top .main_menu .menu li ul a{

line-height:23px;

padding:8px 15px;

font-size: 14px;

min-height: 23px;

}

.title_container .main-title {

font-size: 18px;

position: relative;

min-height: 36px;

font-weight: 600;

}

#menu-item-search {

display: none;

}

.main_menu {

right: -20px;

}

#header_main .container, .main_menu ul:first-child > li > a {

height: 120px !important;

line-height: 120px !important;

}

h2.post-title {

color: #014073;

}

#top .template-blog h1.post-title, #top .template-blog h1.post-title a {

color: #014073;

}

#wp-calendar {

width: 99%

}

#footer .widgettitle {

color: #ffffff;

font-size: 20px;

}

@media only screen and (max-width: 767px) {

.responsive #header .social_bookmarks {

margin-bottom: 10px;

}

.news-excerpt p {

text-align: justify;

}

h2{

text-transform: none !important;

font-size: 24px;

letter-spacing:0px !important;

}

.widgettitle {

text-transform:capitalize;

letter-spacing:0px !important;

font-size: 16px;

}

.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {font-weight: 800;}

.main_color .sidebar .current_page_item>a {color:#000000; font-weight:bold;}

.current_page_item>a {font-weight:400;}

.buttonClientArea {

display: inline-block !important;

text-align: center;

vertical-align: middle;

padding: 5px 10px;

border: 1px solid #013662 !important;

border-radius: 8px;

background: #014073 !important;

background: -webkit-gradient(linear, left top, left bottom, from(#0266b8), to(#013662)) !important;

background: -moz-linear-gradient(top, #0266b8, #013662)!important;

background: linear-gradient(to bottom, #0266b8, #013662)!important;

text-shadow: #01203a 1px 1px 1px!important;

font: normal normal bold 11px arial!important;

color: #ffffff;

text-decoration: none;

}

.buttonClientArea:hover,

.buttonClientArea:focus {

border: 1px solid #014073!important;

background: #0d88ed!important;

background: -webkit-gradient(linear, left top, left bottom, from(#027add), to(#014176))!important;

background: -moz-linear-gradient(top, #027add, #014176)!important;

background: linear-gradient(to bottom, #027add, #014176)!important;

color: #ffffff;

text-decoration: none;

}

.buttonClientArea:active {

background: #0d88ed !important;

background: -webkit-gradient(linear, left top, left bottom, from(#013662), to(#013662))!important;

background: -moz-linear-gradient(top, #013662, #013662)!important;

background: linear-gradient(to bottom, #013662, #013662)!important;

}

.sidebar li a {

color: #4C4646 !important;

}

@media screen and (max-width: 767px) {

#top .social_bookmarks { display: none; }

.header_color .container_wrap_meta { padding-top: 10px; }

.login_buttons {

position: absolute;

top: 50%;

left: 40%;

}

@media only screen and (max-width: 1339px) and (min-width: 768px) {

.responsive .main_menu ul:first-child > li > a {

padding: 0 6px;

font-size: 14px;

}

.avia-icon-list .iconlist_icon {

background-color: #014073 !important;

}

.responsive .mobile_menu_tablet .main_menu { display: block; }

Regards,

Rob

September 3, 2013 at 4:55 am #138366

In reply to: addthis plugin

Hey,

Please follow this short instruction on how to control AddThis plugin more effeciently. https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header

Like what Yigit said, you can place the AddThis social button code on a Text Block or Widgets.

Regards,

Ismael

September 2, 2013 at 3:04 am #136342

In reply to: How do I add a Facebook icon next to the Twitter and RSS Feeds Icons?

Hi,

Yes, it is located on line 624. Add the code below:

$output .= "<a href='http://www.facebook.com/kriesi'>".apply_filters('avf_social_widget',"", 'facebook')."<span>Like us</span></a>";

This is what it will look like if you follow the instructions successfully.

Please remove browser cache then reload the page a few times.

Regards,

Ismael

September 1, 2013 at 7:16 pm #136341

In reply to: How do I add a Facebook icon next to the Twitter and RSS Feeds Icons?

ideenstart

Hi !

I’m also interested in adding more icons (at least facebook) to the “RSS Link and Twitter account” widget that’s in the demosite footer …

So I looked in the above named file and haven’t found exact the same code …

In line 624 I found something similar and addded your code …

$output .= "<a href='$link' class='asc_rss $addClass'>".apply_filters('avf_social_widget',"", 'rss')."<strong class='asc_count'>".$follower['rss']."</strong><span>".$feed_text."</span></a>";

}



$output .= "<a href='http://www.facebook.com/kriesi'>".apply_filters('avf_social_widget',"", 'facebook')."<span>Like us</span></a>";

Nothing happened as expected, cause the comment say Line 624 is for the AVIA SOCIALCOUNT widget…

So could you please explain again the needed changes for adding a facebook icon and link to the facebook page in the “RSS Link and Twitter account” widget…

Thanks

Tom

August 26, 2013 at 1:22 am #137507

In reply to: Adding social network feeds to the homepage – Enfold theme

Hey,

Please refer to this link on how to add social icons using addThis: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606

Once you’re done, go to Appearance > Widgets then insert a Text widget on the Footer – column widget areas. Copy the social button code on the Text widget.

Regards,

Ismael

August 25, 2013 at 2:40 am #136593

In reply to: Blog page -> not really nice without sidebar

Hi,

Please use the http://wordpress.org/plugins/addthis/. It doesn’t break the layout of the theme.

Refer to this link on how to add the buttons: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606

Use the Text widget to add the addthis social button code on the Footer – Column widget area.

Regards,

Ismael

August 22, 2013 at 3:18 am #136340

In reply to: How do I add a Facebook icon next to the Twitter and RSS Feeds Icons?

Hey,

You can add the code do_shortcode if the plugin has the code for it or you can edit framework > php > class-framework-widget.php. Find this code:

$output .= "<a href='$link'>".apply_filters('avf_social_widget',"", 'rss')."<strong class='asc_count'>".$follower['rss']."<span>".$feed_text."</span></a>"; }

Below you can a facebook social icon that will link to your facebook page.

$output .= "<a href='http://www.facebook.com/kriesi'>".apply_filters('avf_social_widget',"", 'facebook')."<span>Like us</span></a>";

Regards,

Ismael

August 16, 2013 at 5:13 pm #27929

Topic: Trying to Get Image to Link to Website Page

in forum Enfold

jdrakeproductions

Participant

In the footer of my website here:

http://www.drakeeats.com

I am trying to use some social media icons to link to their pages, but when I click on the icon it just opens a lightbox to try and display picture. Here is the code I am using in my widget for Footer 4. Any ideas?

<a href="https://vimeo.com/westcobbchurch"><img src="http://www.drakeeats.com/wp-content/uploads/2013/08/vimeoicon32x32.png" /></a>

August 16, 2013 at 4:01 pm #135671

In reply to: placing AddThis social icons into the header

Hi,

You need to register an account here: http://www.addthis.com/

After you register go to Account Options > Profiles then get the profile id. It will look like this “ra-51de3s5b7e09a8f5”. Go to your WP Dashboard > Settings > Addthis Share then paste the profile id on “AddThis Profile ID” field. Save changes.

Go back to the addthis account website then click “Get the code” > Share Buttons. Copy the social button codes, it will look like this:

Edit header.php, find this code:

<div  id='header_main' class='container_wrap container_wrap_logo'>



<?php

/*

* Hook that can be used for plugins and theme extensions (currently:  the woocommerce shopping cart)

*/

do_action('ava_main_header');



?>



<div class='container'>

Paste the addthis social button code below:

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

<a class="addthis_button_tweet"></a>

<a class="addthis_button_pinterest_pinit"></a>

<a class="addthis_counter addthis_pill_style"></a>

</div>

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51de2d2b7e09a8f5"></script>

<!-- AddThis Button END -->

Regards,

Ismael

August 12, 2013 at 2:36 am #131827

In reply to: Remove pipe in title of main page; Social media icons in footer

http://wordpress.org/plugins/addthis/

Hi,

Please use this plugins for the social icons on footer widgets

http://wordpress.org/plugins/share-this/

Regards,

Ismael

August 12, 2013 at 1:21 am #134554

In reply to: Replacing Social Icons

Richard Olpin

Fantastic idea for a widget area in the header.

A massive +1 from me :-)

August 11, 2013 at 10:21 pm #27590

Topic: Replacing Social Icons

in forum Enfold

markb1439

Participant

Hi,

We are using the header with bottom menu. My client also wants me to replace the social icons with a text slogan. How would I do this?

I think it would be great if the right side of the header was a widgeted area, and any content could be put there.

It would also be great for the social icons to be a widget that could be placed anywhere.

Please advise. Thank you!

Mark

August 11, 2013 at 4:29 am #131826

In reply to: Remove pipe in title of main page; Social media icons in footer

ghost85

Hi, number 1 is working, but number 2 is for displaying the icons in the socket.

I need the social icons in the widgets area of the footer. I tried copying the html codes but it only display one icon. The other icons cannot be displayed in a horizontal line.

August 7, 2013 at 9:51 am #133549

In reply to: Fixed sidebar bugged

tsambam

Hi,

Thanks for the reply! Here is a link to the page where the problem occurs: http://test2013.printlanti.com/painotuotteet/esitteet/

I don’t know how it went outside the container.

Here is all the quick CSS I have applied:

.entry-content .post-meta-infos {

display: none;

}

@media only screen and (min-width: 768px) and (max-width: 989px) {

.responsive .main_menu ul > li > a {

font-size: 9px;

}

.sidebar {

position: fixed;

}

Edit. I’ve tried various methods to find the problem, but these have been in vain. For example, no logo (enfold logo), only the sidebar quick CSS, no social icons, no footer widgets or sockets…

Sincerely,

Sami

August 2, 2013 at 7:45 am #27102

Topic: Social icons

in forum Enfold

annsissel

Participant

Hi there!

I am looking for social icons/widgets, but i can´t find it anywhere in my backend? Is there no buildt in plugin-thingy for this? If so, what would you recomend using/doing without hardcoding? Any plugin recomandations?

Thank´s!

July 31, 2013 at 3:03 pm #131822

In reply to: Remove pipe in title of main page; Social media icons in footer

ghost85

Hi, thanks for your help.

1), your code removed the pipe and anything after it for all pages. I only want the pipe removed for the landing page. For other pages, I would like to retain the original configuration “AAA | BBB”. Is this possible?

2) Just to clarify, I would like a row of social media icons in the widgets area of the footer, not the socket area.

July 31, 2013 at 4:17 am #132245

In reply to: How to add Enfold Menu to non-WordPress pages?