Tagged: Buttons, logo in header, placement
-
AuthorPosts
-
June 19, 2014 at 4:42 pm #281243
on this page:
http://wp.marlowfilm.dk/contact-4/
I added a linked in icon to the contact info but they are showing next to the buttons instead of above it – do you know what is causing this? I am using easy social icons plugin but the shortcode didn’t work when I tried it. I have tried 2 ways of doing it here -one my inserting an image w link, the other through the icon shortcode. I thought the icon shortcode also had a rollover feature on mouseover – is there a way to do that?
thanks
n- This topic was modified 10 years, 5 months ago by Munford.
June 19, 2014 at 5:32 pm #281273Hi Munford!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#after_section_2 .avia-button-wrap { width: 100%; }
Do you have a social button added in Enfold theme options on your website?
Regards,
YigitJune 20, 2014 at 1:46 pm #281601thanks that seemed to work. The page is now here: http://wp.marlowfilm.dk/film-production/
the social icons, although they are the same size (40 px) do not seem to be lining up – is that because I have one (IMDB) as an image/url link, and the other (linked in) inserted through the icon shortcode?I can’t find where to add social buttons in the theme since it got updated – can you point me there?
thanks for your help
/n- This reply was modified 10 years, 5 months ago by Munford.
June 20, 2014 at 1:50 pm #281603Hi!
Please go to Enfold theme options > Header Layout > Extra Elements and add your social button there.
You can also copy&paste this HTML code to your page content to display Linkedin icon – http://pastebin.com/KpAvs7aq
All you need to do is to change the HREF in A tagBest regards,
YigitJune 20, 2014 at 1:53 pm #281607Wow fast service. I will take a look at that.
I assume if I add the IMDB to the social buttons that they will line up?
I know there is a little loading animation on the buttons, but there is no rollover
event – can that be added…easily?thanks
nancyJune 20, 2014 at 2:01 pm #281618Hi!
Please add Linkedin icon first and then let us know. If it does not line up, we can provide you custom CSS code to do so :)
Best regards,
YigitJune 20, 2014 at 2:13 pm #281626I don’t want the icons to show up in the header though – should I still put them in the extra elements box?
I want to use them other places on the site…like I have on that page. Does it add them to the shortcode icon element?June 20, 2014 at 2:16 pm #281629Hey!
No you do not need to add it under Extra Elements tab. You can use the HTML i posted to display the icon anywhere on the site
Best regards,
YigitJune 20, 2014 at 2:39 pm #281639ok. Now I need to know how to line those icons up.
thanks very much
nJune 20, 2014 at 2:47 pm #281641Hi!
Please add following code to Quick CSS
.page-id-3928 #after_section_2 .av_font_icon { margin-top: 2px; }
Regards,
YigitJune 20, 2014 at 3:08 pm #281652thanks so much – I think that did the trick.
two other questions (for now):
I have uploaded a logo that is 340px wide, but it’s showing as 193 px.
on this page: http://wp.marlowfilm.dk/
How do I increase the size? If it’s larger, say 400px, will I need to adjust
the sizing on mobile? Not sure I understand how that works and it seems there
are many users having difficulty with the header/logo on mobile devices.
Maybe something for a future version? I had to adjust it many times on
other sites I did with Enfold, especially after the recent update to the header
options.I don’t want the menu bar to show right now and have added this to the quick css:
nav .avia-menu { display: none; }
but there is still a black area under the header – can I remove that?thanks!
n- This reply was modified 10 years, 5 months ago by Munford.
June 21, 2014 at 8:58 am #281928Hi!
Thank you for the update.
If you want to increase the size of the logo, go to Enfold > Header Layout > Header layout. Look for the Header Size setting and select the custom pixel value option. Increase the height to 67px. This will also adjust the size of the logo. Add this on Quick CSS to remove the bottom border of the header_main container:
#header_main { border-bottom: 0; } #header_main_alternate { display: none; }
Regards,
IsmaelJune 28, 2014 at 9:06 pm #284870Hey
I am still trying to line up the social icons on this page:
http://wp.marlowfilm.dk/
I used this
.page-id-3928 #after_section_2 .av_font_icon {
margin-top: 2px;
}
but it doesnt seem to work.
?
thanks
nJune 29, 2014 at 7:48 am #284971Hey!
Thank you for the info.
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
add_theme_support('avia_template_builder_custom_css');
Edit the linked n icon then add a custom css class. Add linkedin-icon for example. Use this on Quick CSS:
.linkedin-icon { margin-top: 2px; }
Best regards,
IsmaelJune 29, 2014 at 7:42 pm #285030Is there a way I can change the line height of the linkedin icon instead? I need it to be 45.
July 2, 2014 at 5:15 am #286033Hi!
Did you add the custom css selector? Use this:
.linkedin-icon { line-height: 45px !important; }
Cheers!
IsmaelJuly 2, 2014 at 11:54 am #286161Is there a way to edit the functions.php file from the admin panel? I thought there used to be an editor there?
or is it better to do it from the file manager via ftp? kind of still new to this…
thanks for your help
nJuly 2, 2014 at 11:58 am #286164Hey!
You can go to Appearance > Editor and edit Functions.php file. But please keep in mind that if there happens to be a punctional error in the code, you are going to need to fix it via FTP.
Cheers!
YigitJuly 2, 2014 at 1:38 pm #286187Yes that’s where I remember the editor being, but it’s not there anymore. I’m running wp 3.9.1….??
I’ve only got options under Appearance for:
theme
customize
widgets
menus
install pluginsno editor
?July 3, 2014 at 5:20 am #286493Hey!
Thank you for the update.
Must be a plugin conflict. Please deactivate all plugins then test it again. Try logging out. If possible, please create another user and give it administrator access. Test this user account.
Regards,
IsmaelJuly 3, 2014 at 11:16 am #286576I made a new login and disabled all my plugins but I still dont’ get the EDITOR options under APPERANCES – do you know what the problem might be? I saw this on other sites I am working on as well, but got it back after disabling something.
?? thanks
nJuly 4, 2014 at 11:08 am #287111 -
AuthorPosts
- You must be logged in to reply to this topic.