1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Making buttons side by side in Wordpress page

Discussion in 'Web Design' started by vintageadult, Jul 31, 2017.

  1. vintageadult

    vintageadult Junior Member

    Joined:
    Nov 28, 2014
    Messages:
    198
    Likes Received:
    3
    Id like to put buttons side by side instead of sub by sub in wordpress page: how can i do that?

    Here is the link of this page.

    [​IMG]
     
    Last edited: Jul 31, 2017
  2. leon0021

    leon0021 Regular Member

    Joined:
    Apr 22, 2012
    Messages:
    334
    Likes Received:
    68
    Occupation:
    Engineer
    Location:
    Hong Kong
    My opinion is, first decrease the size of the buttons.
     
  3. sam.hunt0710

    sam.hunt0710 Jr. VIP Jr. VIP

    Joined:
    Feb 22, 2011
    Messages:
    4,985
    Likes Received:
    1,822
    Gender:
    Male
    Occupation:
    Owner Of a IT Comapny
    Location:
    India
    Use any Theme Editor it will be very easy to Drag & Drop new Button Side by side , or if you can share which theme you are using then we can help you much better.
     
  4. Entriquit

    Entriquit Registered Member

    Joined:
    Feb 7, 2017
    Messages:
    93
    Likes Received:
    12
    Gender:
    Male
    Occupation:
    Entrepreneur
    Location:
    Canada
    Depends on which theme and plugins you are using. And how exactly you set up the site.

    Try using Site Origin Page Builder, it can help a lot with setting up the layout for the site.
     
  5. vintageadult

    vintageadult Junior Member

    Joined:
    Nov 28, 2014
    Messages:
    198
    Likes Received:
    3
    Its very hard to make iy by theme editor.
    Our theme is Twenty fifteen default wordpress theme.
    Could you give me an html code for this?
     
  6. vintageadult

    vintageadult Junior Member

    Joined:
    Nov 28, 2014
    Messages:
    198
    Likes Received:
    3
    I think an html or css container would help but I dont actually know the correct codes to do this.
     
  7. sam.hunt0710

    sam.hunt0710 Jr. VIP Jr. VIP

    Joined:
    Feb 22, 2011
    Messages:
    4,985
    Likes Received:
    1,822
    Gender:
    Male
    Occupation:
    Owner Of a IT Comapny
    Location:
    India
    Test this code :-

    <img src="pic_mountain.jpg" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em;" alt="Mountain View" style="width:304px;height:228px;">
    <img src="pic_mountain.jpg" style="float: right; width: 30%; margin-right: 1%; margin-bottom: 0.5em;" alt="Mountain View" style="width:304px;height:228px;">

    or

    Have a look over this Link .
     
  8. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    5,728
    Likes Received:
    2,655
    Occupation:
    blog creator
    Location:
    UK
    Don't forget any css you do, if you are going to use css, you must put in a child theme, or it will be lost next update
     
  9. vintageadult

    vintageadult Junior Member

    Joined:
    Nov 28, 2014
    Messages:
    198
    Likes Received:
    3
    So you mean this code will be put in child css and the page html code should be change by adding this img src, right?
     
  10. sam.hunt0710

    sam.hunt0710 Jr. VIP Jr. VIP

    Joined:
    Feb 22, 2011
    Messages:
    4,985
    Likes Received:
    1,822
    Gender:
    Male
    Occupation:
    Owner Of a IT Comapny
    Location:
    India
  11. vintageadult

    vintageadult Junior Member

    Joined:
    Nov 28, 2014
    Messages:
    198
    Likes Received:
    3
    hey I have done it by some extra adjustments , could you pls look at it?
    Example
     
  12. sam.hunt0710

    sam.hunt0710 Jr. VIP Jr. VIP

    Joined:
    Feb 22, 2011
    Messages:
    4,985
    Likes Received:
    1,822
    Gender:
    Male
    Occupation:
    Owner Of a IT Comapny
    Location:
    India
  13. islandman1010

    islandman1010 Elite Member

    Joined:
    May 10, 2008
    Messages:
    1,723
    Likes Received:
    245
    You can use the Wordpress Table Plugin and put them in cells on the page.