Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
How to Make Submit Reply Button More Visible
Avatar
Ryan Collins
Member
Free Members
Offline
Jul 2, 2013 - 5:52 pm

Hey Guys,

Just wondering if there is a simple and easy way to make the "Submit Reply" button a bit more visible?

(see attached image)

Thanks for any insight - much appreciated!

Ryan

submit-reply.jpgImage Enlarger

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
Offline
Jul 2, 2013 - 6:00 pm

in that image, it appears to be disabled...  but maybe a drop shadow too... so perhaps your wp theme is overriding with submit button styling...  you can change with css if show...

but we cannot tell from sure from image...  if guests can post, give us a link and we can take a look.. if not, you will need to inspect the css yourself with your browser and its dev tools...

Avatar
Ryan Collins
Member
Free Members
Offline
Jul 2, 2013 - 6:09 pm

Thanks for the prompt response-much appreciated!

I will PM you credentials for logging into the site. Thanks so much for offering to take a look, that is a huge help.

To login click here

Once logged in, to access the forum click on the top right bubble "HFS Members Forum"

Thanks again. I'll look forward to seeing what you are able to discover.

Take care,

Ryan

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
Offline
Jul 2, 2013 - 8:32 pm

yeah, its your theme...  using !important with abandon :(   bad practice to use !important all over the place...

this css at line 80 of css.css in your theme skin...

.button, a.button, a.button:hover, input[type="submit"], .previous_posts a, .next_posts a, #cancel-comment-reply-link {
    border: 1px solid rgba(0, 0, 0, 0.4) !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    padding: 8px 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

If you remove the !important on the border and color, it will be mostly correct..

the text shadow and box shadow are affecting it too... so you may want to add this to the sp theme you are using...

#spMainContainer input.spSubmit {
    box-shadow: none;
    text-shadow: none;
}

you could also try overriding the !importants with your own color and border style in there with !important too

make sure you do this in your own sp theme and not one of ours... see:  http://codex.simple-press.com/codex/themes/theme-basics/creating-a-theme/

Avatar
Ryan Collins
Member
Free Members
Offline
Jul 6, 2013 - 6:48 am

Awesome work Mr. Papa, I really appreciate it!

I will try tackling this sometime today or over the weekend. I'll let you know how it goes.

Thanks again for looking into this. A+ for Simple Press support.

Take care,

Ryan

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
Offline
Jul 6, 2013 - 11:03 am

np. glad to help.

Avatar
Ryan Collins
Member
Free Members
Offline
Jul 11, 2013 - 4:35 pm

It worked - thank you !

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
Offline
Jul 11, 2013 - 8:16 pm

cool!  thanks for the update...

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625