New Landing How can we help? Themeforest Theme Support Dante Share This box height

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Dante
  • #39717
    davidbrodgers
    Member
    Post count: 32

    Is there a way, using the custom CSS, to increase the height of the “Share This” box to be the same height as the Tabs (I think this is about 42 pixels).

    Thanks in advance!

    #39886
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    Is this the share shortcode, or the asset on the post page/product/portfolio?

    – Ed

    #39939
    davidbrodgers
    Member
    Post count: 32

    Hi Ed, yes this is the social_share shortcode I’m trying to modify.

    Thanks,

    #40098
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    The social share is much harder to change than the tabs, so we could provide some css to make them smaller? Are you referring to the page builder tabbed asset?

    – Ed

    #41947
    davidbrodgers
    Member
    Post count: 32
    This reply has been marked as private.
    #42349
    Tahir – SUPPORT
    Member
    Post count: 1212

    Hi,
    You can use this custom css to make the social share height same.

    .share-links .share-text {
    padding: 9px 16px;
    }

    I am afraid its not possible to make the tabs full width.

    All the Best
    -Tahir

    #42514
    davidbrodgers
    Member
    Post count: 32

    Hi Tahir,

    Thanks for the update. This seems to have worked, however, now the social icons have a few pixel gap between them and the container outline.

    Is there anyway to increase the size of the icons as well, using CSS, so they fit “snuggly” inside the container?

    #42849
    Tahir – SUPPORT
    Member
    Post count: 1212

    Hi,
    Use this please note that these are site wide changes not page specific if you want the changes to be page specific use this class before the css properties ‘.postid-12491 div.sharelinks …’

    div.share-links ul.social-icons li:not(.sf-love) a {
    height: 40px;
    }
    
    div.share-links ul.social-icons li {
    height: 40px;
    }

    All the Best.

    -Tahir

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register