Share icons in wrong place after update

  • raindance



    Two questions I’d appreciate help with:

    1. After I updated my share icons on my home page are all goofed up…their placement got weird. I don’t know where the code or style is which controls them. See how they are layered over the search box now in the top right? And the email icon is being covered up? And how in the lower box on the home page they are too high now?

    2. Also why is the right click broken on my Graphene site? Is there a setting which controls this somewhere? It makes it hard to view source and inspect element. I don’t think I added code to do that when I built the site but maybe?

    Thank you so much in advance!



    Syahir Hakim


    1. Where are those icons located before the update?

    2. Nothing in the theme would disable the right clicking, at least nothing that I know of. Does this happen only recently?



    1. They were just a little more to the left in other words on the top…the weren’t overlapping the search box. And on the bottom center box, “Do You Travel Juicy” they were just further down inside the box rather than riding on the line.

    I’ve just been adding pages and organizing category structure…can’t see why this would impact spacing of things like that?

    I have 3 text widgets for the home page…one for the share icons:

    <span class="st_fblike"></span>
    <span class="st_facebook"></span>
    <span class="st_twitter"></span>
    <span class="st_linkedin"></span>
    <span class="st_stumbleupon"></span>
    <span class="st_email" ></span>
    <span class="st_sharethis"></span>
    <script type="text/javascript" src=""></script>
    <script type="text/javascript">

    widget logic: is_front_page()

    And two for the date/calendar thing in the top black bar, only difference is widget logic is is_front_page() for one and !is_front_page() for the other…I believe the following code is the same for both:

    <SCRIPT LANGUAGE="Javascript">

    // Array of day names
    var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",

    // Array of month Names
    var monthNames = new Array(

    var now = new Date();
    document.write(dayNames[now.getDay()] + ", " +
    monthNames[now.getMonth()] + " " +
    now.getDate() + ", " + now.getFullYear());

    // -->

    There must be classes somewhere or something in css controlling it? But not sure where yet.

    2. Hmmm…no it’s always been like this, no right clickability. Maybe I did it to semi-discourage photo downloading but I don’t see anything about it in my code…still looking….

    Thanks Syahir.

    The spacing of the share icons is more important than the right click thing but I know it’s hard to inspect element without being able to right clisk…arrrgh 🙂



    I’m not seeing anything in the code which would address #2, the right click issue.

    Here is what I see that looks relevant to the share icons?

    in child css:

    .add-this-right {
    float: right;
    #sharethis {

    in child functions:

    add_filter( 'gettext', 'graphene_filter_gettext', 10, 3 );
    function laura_sharethis (){
    <div id="sharethis"><span class='st_twitter_button' displayText='Tweet'></span><span class='st_facebook_button' displayText='Facebook'></span><span class='st_fblike_hcount' ></span></div>
    add_action( 'graphene_after_post_content', 'laura_sharethis' );



    Actually I just noticed that the email icon in the share icons is not aligning well on the interior pages as well…see how the email icon is not evenly spaced?

    I can not figure out what’s making right click not working….



    I think actually that they were sitting on the line on the interior pages, and maybe on the index page…but the email icon was in the right place and it didn’t overlap the search box on the home page…



    Any idea how to fix?



    Your going to have to play with the text-widget CSS.

    #text-3 {
    margin-left: 450px;
    margin-top: -40px;

    Try that for your top “Share this icons”.

    Not sure where the second set of icons go but try this.

    .add-this-right {
    margin-right: 150px;
    margin-top: -35px;




    Thanks…that did spread them out more but the email one still overlaps the others which I can’t see why it would…any other ideas?

    Also…any idea what’s making it so I can’t right click on anything to see styles? How did you see that one for example?

    Thanks..sorry for the slow reply…just circled back to this issue.



    I’ve got the placement of that block of icons tweaked into place now, thank you so much…that was the key to get them off the search box…but I can’t get the email icon not to overlap the orange one and sit in the middle of orange one and the green one properly…regardless of how I change say the text-3 numbers, the email icon remains always overlapping the orange one in exactly the same way…why is just that one in the wrong place in relationship to the others?

Viewing 10 posts - 1 through 10 (of 10 total)

  • You must be logged in to reply to this topic.