The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do you change preview, send, and go to page type buttons?

View previous topic View next topic Go down

Solved How do you change preview, send, and go to page type buttons?

Post by PotSmuggle on February 14th 2015, 5:44 am

Hi, I was just wondering how I can edit those preview and send type of buttons that don't show up in the pics management section of the Admin Panel. My forum is satosere.forums.net.bz

Thanks in advance!


Last edited by PotSmuggle on February 14th 2015, 6:09 pm; edited 1 time in total

PotSmuggle
Forumember

Posts : 42
Reputation : 1
Language : English

http://satosere.forums.net.bz

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by _Twisted_Mods_ on February 14th 2015, 6:23 am

you will have to use css

acp>display>colors>css tab

here is two example

send button useing a image

Code:
input[value="Send"]{
width:100px!important;
height:20px;
font-size:0px!important;
background-size:cover !important;
background-position: 0px 0px!important;
background-image:url(http://i39.servimg.com/u/f39/09/00/43/96/repond10.png)!important;
}


preview button useing colors


Code:
input[value="Preview"]{
color:black!important;
background-color:skyblue!important;
border:1px solid black!important;
border-radius:3px!important;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by PotSmuggle on February 14th 2015, 6:29 am

Thanks! Also, do you know how I can edit the page selection buttons on the CSS?

PotSmuggle
Forumember

Posts : 42
Reputation : 1
Language : English

http://satosere.forums.net.bz

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by _Twisted_Mods_ on February 14th 2015, 6:49 am

this for normal page numbers

Code:

  .pagination a:link{
  border:none ;
  background-color: #943431!important;
  color:white!important;
  padding:3px 7px;
  border-radius:3px
  }

this for current page

Code:

  .pagination b{
  border:1px solid #bbb ;
  box-shadow:0px -3px 9px #ccc inset;
  color: #333;
  background-color: #fff;
  padding:3px 7px;border-radius:3px;
  text-align: center;
  text-shadow: 1px 1px 0px #000;
  }

this is for visited page

Code:

.pagination a:visited {
  background-color: #AC6261 !important;
  border: medium none;
  border-radius: 3px;
  color: #FFF !important;
  padding: 3px 7px;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by PotSmuggle on February 14th 2015, 4:52 pm

These codes have all worked! Thank you.

I'm not sure where I can edit the <, ...'s and ,'s in between the page buttons. I need to change their font colours in the CSS so they can be visible with the current design, how should I go about that?

PotSmuggle
Forumember

Posts : 42
Reputation : 1
Language : English

http://satosere.forums.net.bz

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by _Twisted_Mods_ on February 14th 2015, 5:37 pm

sorry that is top secret information...lol

the arrow color cant be changed because they are actually transparent images ..but because they are just squares and transparent i could change the background color of the image and make it show the arrow but it would be backwards so i had to add some transformation to rotate the images 180deg
the .pagination is for font color of the ...'s
Code:

.pagination{color:white}
.sprite-arrow_prosilver_right{background-color: white!important;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.sprite-arrow_prosilver_left{background-color: white!important;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by PotSmuggle on February 14th 2015, 6:08 pm

Haha, it worked! Thank you so much, my forum looks much better now!

Problem Solved!

PotSmuggle
Forumember

Posts : 42
Reputation : 1
Language : English

http://satosere.forums.net.bz

Back to top Go down

Solved Re: How do you change preview, send, and go to page type buttons?

Post by _Twisted_Mods_ on February 14th 2015, 6:13 pm

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum