-
Search Results
-
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
hi there, I just updated to the latest revision of Enfold and find that a link using a font icon no longer works in Safari. It does work in Firefox.
I have a membership form where I use a font icon as the link for the user to download the form. the font icon should link to a pdf I have in my media manager. I checked the url link and it’s correct. I’ve emptied the cache in Firefox and the link works as it should but still not in Safari.
While reviewing the link and shortcode I figured the new code reference may have changed so I created the link again and it still doesn’t work.
[av_font_icon color="#dd3333" font="entypo-fontello" icon="ue887" size="40px" position="left" link="http://pacificpyros.org/wp-content/uploads/2013/06/PacificPyrosMembership-Form-2013-updated.pdf" linktarget="yes"]
I’ve since created a second simple link that does work but I’d really like to use the font link again. Please help
thx,
In reply to: Customizing Enfold Menus
I haven’t used the !important rule.
I am just picking out selectors and trying to edit them. I would appreciate a list of the selectors for:
- background of the menu container
- font size and color of the menus & submenus
Hi Ismael ,
Sorry I’m going to change my question.
1.) I want a similar navigation like the kriesi site , the social icons look really neat in the navigation. Is this possible in enfold ? I’m using a small non fixed header. If this is a lot of work then I’d rather skip this.
2.) My main issue is with the icons I want to place before the footer. I want the icons inside + the circle to be much bigger , I found this code >
.iconbox_top .iconbox_icon{
float:none;
position: absolute;
left: 50%;
top:-26px;
margin:0 0 0 -26px;
padding:15px; <<< increases the circle size
border-radius:100px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box;
font-size: 20px; <<< increases the font inside
line-height: 24px;
}My main issue here is I can’t center the icons, i mean not all of them. For example facebook centers fine, while vimeo doesn’t
Hello dsgnerfw!
What type of header are you using right now? You can increase the size of the social icons using this:
#top .social_bookmarks li a { width: 40px; line-height: 42px; min-height: 40px; font-size: 20px; }Cheers!
IsmaelIn reply to: Global setting inadvertently changed??
Hi citystash!
What do you mean by ugly? What are the changes that occur? Please be specific. Editing pages should not affect the styling of the site. Try this on your custom.css or Quick CSS field:
p, span { font-size: 14px; }Regards,
IsmaelHey andypeck!
1.) Add the following on the Quick CSS field or custom.css:
#header_meta { background: red; }2.)
#top .social_bookmarks li a { width: 40px; line-height: 42px; margin: 0px; padding: 0; min-height: 40px; font-size: 20px; }3.)
#header_main_alternate, #avia-menu { background: red; }4.) You can inspect each menu item then look for the menu list id:
#menu-item-755 a { background: blue; border-right: 1px solid green; border-left: 1px solid yellow; border-top: none; }Cheers!
IsmaelHello jennallocco!
1) Please try adding !important to force it
#top .social_bookmarks { font-size: 18px!important; }2)
#top .social_bookmarks li a { width: 50px; }Regards,
YigitTopic: Customizing Enfold Menus
Hello – love your theme. The page layout editor is really powerful and the theme performs well.
On my site at eatdrinktc.com I am having difficulty customizing the menu – specifically the following.
- The entire background of the menu bar – so it is a single, solid color
- The color & hover color of top level and sub links
- The font size of the title in the bar below the menu
Normally I can use Firebug to determine what elements are in play but it appears that even when I add custom css into the quick code box it is over-ridden.
Thanks!
Hey guys,
Quick question. I don’t even know if I am building this right but I wanted to have icons next to some text and links in my footer. so I just but together a small text widget and added some font icon code and html to make the widget look the way I want.The question is this: How do I target the icons and move them down say 4 pixels? I don’t like how they appear to sit a bit above the line next to them on the right. It is very noticable on the envelope at the bottom. I have tried a few different ways but it isn’t working. with the surounding brackets I don’t know how to right little inline css to manipulate them. Would you mind writing the code that moves one of the icons down say 4 pixels? I can duplicate for the other two. thanks.
for reference:
[IMG]http://i.imgur.com/SAtgl2H.jpg[/IMG]
[av_font_icon font="entypo-fontello" icon="ue821" size="15px" position="left"]<span style="margin-left: 5px;">218 Viceroy Street <span style="margin-left: 21px;">Billings, MT 59101 [av_font_icon font="entypo-fontello" icon="ue854" size="15px" position="left"]<span style="margin-left: 7px;"><a href="tel:4067942593">406. 794. 2593</a> [av_font_icon font="entypo-fontello" icon="ue805" size="14px" position="left"]<span style="margin-left: 6px;"><a href="mailto: (Email address hidden if logged out) ?Subject=" target=""> (Email address hidden if logged out) </a>Hi there!
My name is Nora and I’m tweaking my first wordpress web and, of course, I need some help. Here’s the web http://www.casanostrafilms.com
I tweaked the header code because the logo (I don’t know why) was too close to the header_meta (leaving a lot of space at the bottom but not enough space above). I also tweaked font sizes and other stuff, here’s the code (I’m showing everything in case there is something disastrous that I haven’t noticed):
#header { font-size: 18pt; !important} #header_main { border-bottom-width: 0px;} #header_meta .container{ min-height: 40px;} #top .social_bookmarks li{ float:right; padding: 5px; !important; } #top .social_bookmarks li a { float:right; !important; } #top .main_menu .menu > li > a, #header_main .container{ font-size: 10pt; !important; } .breadcrumb.breadcrumbs.avia-breadcrumbs { color:#CC0000; } @media only screen and (min-width: 1140px) { .logo img { padding-top: 20px; } } @media only screen and (min-width: 760px) { .logo img { padding-top: 20px; } }As you see it is the fixed header and when I scroll it the logo is too close to the bottom, so I would like to change the padding on the logo image again but only when scrolling so it’s height centered. Hopefully I won’t have to change .js
Thanks a lot!!!!
Nora
In reply to: entypo fonts dont works
Same problem like xpoveda. Since the last update all social icons are missing.
i use them in the footer like that:
<span class=”av_font_icon avia-font-entypo-fontello” style=”font-size:20px”></span>But when i look in the character map at http://www.entypo.com/characters/, they are also missing on that page. All Entypo Social Extention icons are blank.
Hi,
I have a 2 part question:
1. How can I increase the font size of the social icons in the header? I found in the threads the following quick css code
#top .social_bookmarks { font-size: 20px; }
But this only changed the size on the mobile platforms. It didn’t seem to make a difference in the non-fixed header space mode
2. How can I increase the space (distance) between the social icons in the header. The mobile version especially the icons are very close together, making it harder for someone to touch the current icon link.
In reply to: Best way to add icons to the top level menu
hmm,
it’s being used inside base.css :.image-overlay .image-overlay-inside:before{content:”\E869″; font-family: ‘entypo-fontello’; font-size: 18px; font-weight: normal; }
In reply to: Open gallery images at original size
In reply to: Smaller font size and intervals for Enfold mega-menu
In reply to: Smaller font size and intervals for Enfold mega-menu
Hi Yigit, it was my own custom CSS that was causing the error – sorry!
All sorted on my side now! : )
In reply to: Smaller font size and intervals for Enfold mega-menu
Hey!
@dmaca You are welcome, glad we could help :)
@kt2webdesign can you post the link to your website?Best regards,
YigitIn reply to: Smaller font size and intervals for Enfold mega-menu
In reply to: Smaller font size and intervals for Enfold mega-menu
Hello, I have a similar problem in that the spacing in my sub menu drop downs is not the same as the live demo. The code above made the text smaller but did not change the drop down spacing.
Image of what I mean can be found here, your help is really appreciated!
https://www.dropbox.com/s/15svcegujbxkce1/Screen%20Shot%202013-10-03%20at%2012.17.32%20PM.png
In reply to: Enfold Feature Requests
1) Pages, Posts and Also Archive Pages the option to change the header BG color and Image like colorShemer element.
especially for the part where the Title and breadcrumb disappears
Like this examples
http://artbees.net/themes/jupiter/blog/ http://artbees.net/themes/jupiter/pages/faq-page/ http://artbees.net/themes/jupiter/features/
2) Icons for Accordion like the Tabs
3) Icon Box . feauture like size , icon color , Background color, Background radius and also ffor font Icon
4) More admin options for
header size and line height
Navigation fontsize, bgcolor and color
5) Custom Post Type for team MemberIn reply to: Smaller font size and intervals for Enfold mega-menu
Hello!
Please add following code as well
.avia_mega_div .avia-bullet { margin-top: 9px; } #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }Best regards,
YigitIn reply to: Smaller font size and intervals for Enfold mega-menu
Thanks a lot, Josue!
It worked almost fine!!!
Do you know if it is possible to decrease that spacing?
http://tinypic.com/r/2zfmwl4/5
Kind Regards,
DenisIn reply to: WP FullCalendar plug-in CSS conflict/…
Hello ChunkyBits!]
Please try this on your custom.css or Quick CSS:
.fc-event-inner.fc-event-skin { min-width: 80px; padding: 0 10px; margin: 0 auto; top: 0; left: 0; min-height: 20px; font-size: 10px !important; border: none; position: relative; }Cheers!
IsmaelIn reply to: Smaller font size and intervals for Enfold mega-menu
Hey Denis!
Try this CSS code:
.sub-menu{ padding-top: 10px !important; padding-bottom: 10px !important; } .sub-menu li > a { font-size: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .avia_mega_div .avia-bullet{ margin-top: 8px; }Regards,
JosueIn reply to: Data Tables
Hello!
You can remove the responsive styling of the table on mobile view. You might need to adjust it a little. Edit css > shortcodes.css, find then remove this code:
@media only screen and (max-width: 767px) { .responsive div .avia-data-table table, .responsive div .avia-data-table tbody, .responsive div .avia-data-table tr, .responsive div .avia-data-table td, .responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;} .responsive .avia-data-table{border-style:solid; border-width: 1px;} .responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;} .responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;} .responsive .avia-data-table td:before { display:block; font-style: italic; font-size: 11px; } .responsive .avia-data-table td { position: relative; } }Best regards,
IsmaelIn reply to: Quick CSS Help
Hey boursedata!
Your code looks fine. You can try forcing it by adding !important
h2 { font-size: 8px!important; }Best regards,
YigitIn reply to: Changed rollover icon but doesn't look correct
Hey Ismael thanks for the reply. That’s great for the alignment but what about my first problem of the icon not looking like it should do.
here is what it should look like
but mine has two problems
1) the plus symbol is much thinner
2) it has a circular a white border ?
i just want the plus symbol exactly as it shows in the entypo libraryNow I also have a new problem, I’ve updated to the latest Enfold from 2.2 to 2.3 and now I cannot change icons at all only the font size ?
I’ve added the same code to the new base.css file and have tried various things with the 2295 adding U in front etcWith the update do we need to change more than those two lines now ?
Many thanksIn reply to: Text shadow not working in LayerSlider
In reply to: Text shadow not working in LayerSlider
![http://i.imgur.com/SAtgl2H.jpg[/IMG]](http://i.imgur.com/SAtgl2H.jpg[/IMG]){kind=link}
