Support » Themes and Templates » Social Icons in EvoLve header
Social Icons in EvoLve header
-
I’ve recently installed the theme “EvoLve” and I just love it.
My only challenge with it at the moment is the “Keep in touch” section at the top.
For some reason I’ve got a scroll bar under the social icons and I don’t know how to remove it.
Any suggestions?
I really wish I knew PHP :/
-
please give us the link to ur website or to the themme so we can see whats the problem is thx .
My site can be viewed at
http://vince-cannon.com
Thanks for any help you can offer
ok open ur css file . and change this code
div.sc_menu { height: 32px; overflow: auto; /*change auto to hidden*/ position: relative; width: 315px; z-index: 0; }
like this
div.sc_menu { height: 32px; overflow: hidden; position: relative; width: 315px; z-index: 0; }
Hi there,
I’ve got the same trouble as “Vincecc”. I’ve got a scroll bar under the social icon “RSS Feed”. It looks daft.. I’ve been looking at the code provided by “ChaMChoM” I can’t locate it. CSS file? (is this the full title)? Found in “Appearance” –> “Editor”?? Once in Editor, which file down the “right hand side” e.g: “Comments(comments.php)
Footer(footer.php)Header(header.php)Main Index Template(index.php)”?And, on which line, will the code be found, within that file? Please note: So please “step by step” instructions.
Thank you
Bodger
Bodger:
In your WordPress admin panel, go to
Appearance > Editor
.Your
style.css
file should automatically appear, but it isStylesheet (style.css)
on the right.Then, find this:
div.sc_menu { height: 32px; overflow: auto; /*change auto to hidden*/ position: relative; width: 315px; z-index: 0; }
(you can use Ctrl+F on Windows or Cmd+F on Mac).
Then, select it, and paste this:
div.sc_menu { height: 32px; overflow: hidden; position: relative; width: 315px; z-index: 0; }
Then, scroll down and click the big blue
Update File
button, and check your homepage.Thank you for your help, but I can’t find that code anywhere with the style.css file.
At the moment, the scroll bar is appearing briefly when the page loads but disappears after it’s finished loading.
I’m not sure what’s causing it to act that way but I think it’s pretty strange :/
This code is found in the header-content.php file if this is of any help
<!--BEGIN #subscribe-follow--> <span class="social-title" style="margin:20px 0 10px 0;">KEEP IN TOUCH</span> <br style="clear:both;" /> <?php require_once (get_template_directory().'/social-buttons.php'); ?> <!--END #subscribe-follow-->
Hi Alex,
Thank you very much, for providing the following code:
div.sc_menu {
height: 32px;
overflow: hidden;
position: relative;
width: 315px;
z-index: 0;
}It worked, it removeved the “scroll bar” under the social icon “RSS Feed”.. I couldn’t find the following code:
div.sc_menu {
height: 32px;
overflow: auto; /*change auto to hidden*/
position: relative;
width: 315px;
z-index: 0;
}So I copied & pasted the other code into “Stylesheet (style.css)” right at the very bottom of the “Stylesheet (style.css)” and pressed “update file”.
As a thank you, if you provide me with a link to your site, I’ll place it, within my site. And I’ll give you a link, to my site (back-linking) for each others site (improves our scores with Google).
Cheers
Bodger
in
/wp-content/themes/evolve/library/media/css/base.cssdiv.sc_menu {position: relative;z-index:0;height: 32px;width: 315px;overflow: auto;}
(you might not be able to edit this in the ‘appearance’ ‘editor’)
if you do what @bodger did, that should work as well;
basically, add
div.sc_menu {overflow: hidden;}
at the end of style.css@alchmyth
Thank you for that code as well. It worked and my site looks much better now.
This was done with the one line
div.sc_menu {overflow: hidden;}
in the appearance editor.
I have no issues placing a link on my site for you as well if you’d like.
Take care and all the best.
Vince
On a slightly different topic, do you know how to remove the background colour behind the logo.
See site: http://www.loveskiing.co.uk
Basically I just want my custom logo and a transparent background so you can see by website background behind the logo?Any ideas would be welcomed 😀
Jim
- The topic ‘Social Icons in EvoLve header’ is closed to new replies.