Jump to content
  • 0

How to adjust the space between 2 buttons


Cherry
 Share

Question

Hi All! How to adjust the space between 2 buttons. I have a code of the 2 buttons.

HTML 1 (Search Button Code)

<style>
.cbSearchButtonContainer {
display: none !important;
}
</style><input class="cbSearchButton" id="searchID" name="searchID" style="margin-top: 34px" type="submit" value="Search" />

 

HTML 2 ( Logout Button Code)

<span style="background-color:#6f6f6f; font-size:20px; padding:5px; margin-left: 5px; color: #fff; font-family: times new roman; width:100px; display: block; border-radius:4px; margin:35px; "> <strong>&nbsp; <a href="../folderlogout"><span style="color:#FFFFFF; font-size:25px; font-family: times new roman;">Logout</span></a></strong>&nbsp;</span>

 

Looking forward to those who can help me. Thank you.

1.PNG

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Hi @Cherry - You can try to use margin-left on this. I created a sample just like yours and this is the result:

Before:

image.png

After:

image.png

What I did on this is that I find the HTML Container using the browser's inspect and add the CSS in the Header of the DataPage:

image.png

image.png

You can copy the code and just change the class based where your HTML Block is placed in your DataPage. 
 

<style>

div[class*="cbFormData cbFormBlock5"] {
margin-left: -35px !important;
}

</style>

I hope this helps!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...