plugin conflict with theme

  • Resolved djkalapacs

    (@djkalapacs)


    11 years, 11 months ago

    I use civirm plugin and the online signup form labels are covered by blue boxes which makes them unreadable. Like last name, first name etc. have a blue box over them.

    <div class="crm-group custom_pre_profile-group">
         <fieldset><legend>Name and Address</legend><div class="crm-section first_name-section"><div class="label"><label for="first_name">  First Name
     <span class="crm-marker" title="This field is required.">*</span>

    the problem seems to be <div class=”label”> when I change it to <div class=”labels”> by adding an s to label it takes off the blue color

    How do I correct this?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator cubecolour

    (@numeeja)

    please link to a page on your site displaying the problem

    it takes off the blue color

    So isn’t that what you wanted?

    Thread Starter djkalapacs

    (@djkalapacs)

    https://unitedsellers.com/?page=CiviCRM&q=civicrm/contribute/transact&reset=1&id=2

    This is the link page might load a little slow

    Rajesh- it takes off the blue color So isn’t that what you wanted?

    I’m not good at coding but I could correct the code if wordpress functioned in a way where you could just edit the source code to any page by just correcting it in notepad.

    But I’m new to WP and I know it works of templates and its not that simple.

    Moderator cubecolour

    (@numeeja)

    Please don’t bump your topic as bumping is not permitted on these forums.

    You can remove the blue from elements with the ‘label’ class by adding the following css rule to your stylesheet

    .label {
	background: none;
}

    Thread Starter djkalapacs

    (@djkalapacs)

    hey cube I added that css rule to the style.css and also tryied to add it to the styles.php, each separately but it did not change my problem

    Moderator cubecolour

    (@numeeja)

    a php file is not a stylesheet.

    your site appears to have 25 stylesheets loading on every page plus some embedded css. This is probably at least part of the reason why your site is unusably slow.

    Try adding the css rule to the end of style.css

    If that doesn’t work, you can try adding the !important flag, although this isn’t normally recommended:

    .label {
	background: none!important;
}
    Thread Starter djkalapacs

    (@djkalapacs)

    hey cube thanx for your help I finally figured it out.. I downloaded the page source code into Dreamweaver and tracked down the right css file

    .label {
    padding: 1px 4px 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    color: #fff;
    background: #F1F8EB
    }

    and changed the background color, so if you have trouble like this look at the sourcecode and see what css files are being used and track your error down, I tracked it down faster when dreamweaver poped up that it couldn’t find that particular css file when I clicked on the color. The file was under one touch/assets/css/foundation.min.css

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘plugin conflict with theme’ is closed to new replies.