Removing social love heart icon – Sorbet theme

  • Unknown's avatar
    dailydopamine85 · Member ·

    Hello all :)

    I’ve been trying to tweak my blog but there’s a few things I’m stuck on…

    1. I don’t need the social icon in the top right corner, is there a way of permanently removing it?

    2. I’ve managed to center the sidebar widget titles but I’d also like to center the WordPress follow button is that possible?

    3. I’d like to make the static menu bar a little slimmer vertically, how can I do that, making sure the text is still centered?

    4. I’ve altered the radius of the bottom corners for everything but the header column widgets, how can I achieve that so everything correlates?

    Many thanks in advance, this is a great place for advice :)

    Alan Williams

    The blog I need help with is: (visible only to logged in users)

  • fstat · Staff ·

    1. Go to the Customizer > Menus, select your main menu and uncheck the Social Links Menu.

    2. Try this CSS code: 

    table {
    margin-left: auto;
    margin-right: auto;
}

    3. If you want to narrow the menu bar use this code: 

    #menu-toggle-nav {
    height: 40px;
}

    as for centering the text you can do it by playing around with negative padding values in the following code: 

    #menu-primary {
    padding: -10px;
}

    4. What to you mean by “header column”?

  • Unknown's avatar
    dailydopamine85 · Member ·

    Wow thank you for the quick response.

    1. Perfect thank you that was easier than I thought.

    2. That doesn’t seem to make any difference my end unfortunately.

    3. I changed:

    #menu-primary {
    padding: -10px;
    }

    To:

    #menu-primary {
    margin-top: -9px;
    }

    And that seems to have done the trick :)

    4. Sorry for the confusion, what I meant was the 3 widgets that appear when you click o the cog icon in the top left.

    Many thanks again.

    Alan Williams

  • fstat · Staff ·

    You’re welcome!

    As for No 2, you’re right it doesn’t work. Try this code instead: 

    .follow-button {
    margin-left: 125%;
}

    And for No 4: 

    blog_subscription-9 {
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
}

#recent-comments-7 {
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
}

#recent-posts-9 {
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
}

    Set the radius percentage accordingly.

    Let me know if you need additional help.

  • Unknown's avatar
    dailydopamine85 · Member ·

    The radius code worked brilliant :)

    For the follow button I managed to get this to work:

    .widget_follow_button_widget iframe {
    margin-left: 29%;
    margin-top: .5em
    }

    I’m doing all this on my iPad and it looks perfect in portrait mode, but it’s not quite central in landscape… Better than it was before though.

    Many thanks for your help it was much appreciated! :)

  • fstat · Staff ·

    I’m doing all this on my iPad and it looks perfect in portrait mode, but it’s not quite central in landscape…

    This happens because your theme is responsive. I believe you can center the button by using CSS media queries which I’m not familiar with.
    You can ask for additional help from the Support Staff by adding the tag modlook to the right sidebar of this topic.

  • Unknown's avatar
    thesacredpath · Member ·

    We can use the following media query to adjust the button margins at 1024px, but we will be targeting only that specific screen/window width. At widths other than 1024px, the button will not be centered. What I’ve had to do here is to set a max and min width. The problem is, there are now around 100 device widths that have to be taken into account, and trying to adjust for all the possibilities individually is a seriously monumental task. 

    @media screen and (max-width: 1024px) and (min-width: 769px) {
	.widget_follow_button_widget iframe {
		margin-left: 36%;
	}
}

    I haven’t yet been able to come up with a way to center the follow button.

  • Unknown's avatar
    dailydopamine85 · Member ·

    Really appreciate all the support, you guys are brilliant!

    I think I can finally say I’m happy with how it’s looking now hehe :)

    Keep up the good work.

  • fstat · Staff ·

    You’re welcome!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Removing social love heart icon – Sorbet theme’ is closed to new replies.