Buttons appear vertically, I want horizontally

  • Resolved loveinindia

    (@loveinindia)


    11 years, 9 months ago

    Here’s my site Love in India where I use ultimate India where I use the “Ultimate follow me” plugin, as you’d see, on the right sidebar. You’d find the three share buttons (I use only Facebook, Twitter and G+) appearing vertically aligned. I want them to be horizontally aligned since this would save precious above-the-fold space.
    I’m not able to figure out how to do this from inside the widget settings. Any suggestions?

    https://www.ads-software.com/extend/plugins/ultimate-follow-me/

Viewing 6 replies - 1 through 6 (of 6 total)
  • media="screen"
img {
border: 0;
display: inline; /*changed from 'block' */
text-indent: -9999px;
}

    Add the above code to the `style.css’ of your CHILDtheme:

    You don’t have a childtheme yet?

    1. Install and activate ‘one click childtheme plugin
    2. create the childtheme
    3. activate the childtheme
    4. Make the changes in the CHILDtheme!
    – copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    Thread Starter loveinindia

    (@loveinindia)

    Thanks for getting back.
    I don’t have a child theme yet, but just for testing I tried this in the style.css of the original theme itself.
    My style.css now has the following code:

    /*
Theme Name: TrulyMinimal
Theme URI: https://www.flarethemes.com/theme/trulyminimal/
Description: TrulyMinimal is a highly customizable minimalistic theme fully focused on typography.
Version: 1.1.4
Author: FlareThemes
Author URI: https://www.flarethemes.com

Tags: light, white, one-column, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("css/style.php");

media="screen"
img {
border: 0;
display: inline; /*changed from 'block' */
text-indent: -9999px;

#sidebar .widget-container {
    margin: 0 0 15px;
    padding: 0 5px 15px 19px;
}

}

    But it’s not working. The buttons are still appearing vertically aligned. Can you help? Thank you.

    There’s a typo there:

    `text-indent: -9999px;} /*put the closing } in place*/

    Remove the second } at the bottom.

    Thread Starter loveinindia

    (@loveinindia)

    Thanks again. Just tried it. Still no change. ??
    Current code of style.css: 

    /*
Theme Name: TrulyMinimal
Theme URI: https://www.flarethemes.com/theme/trulyminimal/
Description: TrulyMinimal is a highly customizable minimalistic theme fully focused on typography.
Version: 1.1.4
Author: FlareThemes
Author URI: https://www.flarethemes.com

Tags: light, white, one-column, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready

License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("css/style.php");

media="screen"
img {
border: 0;
display: inline; /*changed from 'block' */
text-indent: -9999px;
}

#sidebar .widget-container {
    margin: 0 0 15px;
    padding: 0 5px 15px 19px;
}

    Try this:

    #ultimate-follow-me img {
   float: left;
}

    Thread Starter loveinindia

    (@loveinindia)

    @wpyogi: Worked! Again, can’t thank u enough… ?? …

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Buttons appear vertically, I want horizontally’ is closed to new replies.