I'm not new to Drupal but theming is not my strong suit. I have searched the docs, however and have been unable to determine a resolution for this. Anytime I use a module that creates its own button (for example http://drupal.org/project/addtoany), the left and right ends of the blue button appear. From what I can see of the CSS code (through Firebug), anything with an attached class of "links" among many others, generates these left and right button ends.

What is the best way to allow other modules that produce buttons to play nicely with this theme? (i.e. create buttons without eliciting the blue bookends?)

CommentFileSizeAuthor
CleanCorpButt.jpg9.73 KBMacaroniDuck
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Assigned: Unassigned » gtsopour
Category: support » bug

Hello MacaroniDuck,

i converted this issue to bug report. I will examine this issue, and i will come back with answers.

Thanks
/George

Kekiman’s picture

Kekiman CreditAttribution: Kekiman commented

same here!
any suggestions gtsopour?

or how can i remove the "button-feature" in general?

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented
Category: bug » support
Issue tags: +corporate, +Corporate Theme, +Corporate Clean Theme
gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello MacaroniDuck and Kekiman,

Corporate Clean style.css applies an extra style with gradient background and box-shadow to these elements
.links ul li a, a.more, #edit-submit, #edit-preview, input.form-submit
Your issue results from .links ul li a.

In addition, i installed the addtoany module http://drupal.org/project/addtoany and actually noticed your issue.
Unfortunately, addtoany link is a list item with link inside div with class links (div.links). 

<div class="links">
<ul class="links inline">
<li class="addtoany first last">
<span><a class="da2a_button" href="#" id="da2a_1"><img src="/corporateclean/sites/all/modules/addtoany/images/share_save_171_16.png" width="171" height="16" alt="Share/Save"></a></span>
</li>
</ul>
</div>

Therefore, you should override the addtoany link style by adding the following style rule to an extra css file local.css.

.links ul li.addtoany a { background:none; -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; }

.links ul li.addtoany a:hover { background:none; }

Following the practise of the local.css file, there is no worry if the next theme update will override all your custom changes. You can find here my comment on how to add local.css to CorporateClean theme
http://drupal.org/node/1403250#comment-5485488

Kekiman, in order to remove totally this style, you should add the following rules to your local.css. You 

.links ul li a, a.more, #edit-submit, #edit-preview, input.form-submit { background:none; -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none; }

.links ul li a:hover, a.more:hover, #edit-submit:hover, #edit-preview:hover, input.form-submit:hover { background:none; }

Thanks
/George

MacaroniDuck’s picture

MacaroniDuck CreditAttribution: MacaroniDuck commented

George,

Thank you, this is very useful. I've already been using a local.css file to tweak my site so adding this should be a quick fix.

gtsopour’s picture

gtsopour CreditAttribution: gtsopour commented

Hello MacaroniDuck,

Glad to hear that! Inform me if you need extra assistance.

Thanks
/George

mariasv’s picture

mariasv CreditAttribution: mariasv commented

Hi all,

I need some help figuring out where I need to apply changes to remove the Read User's Blog button from the Blog page. See below:

http://www.creativeenterprisezone.org/blog#overlay-context=businesses

To be clear I do not want the button or the link. I've found the styling section for the button links in the CSS but can't locate where I need to remove those links from to get them off the blog.

Thanks,

Maria