CSS issues with JA Masshead

I have a local template set up. The problem is after a page loads with the JA Masshead. When you place your cursour over the Masshead, the background color changes and/or the background image disappears. I don't want that to happen.

Here is the location of the local templat CSS file: /templates/uber/local/css/themes/farmhouse/template.css

Here is the problematic CSS Code:

.masthead {
  color: #ffffff;
  position: relative;
  padding: 0;
}

.masthead:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00361d;
  opacity: 0.95;
  filter: alpha(opacity=95);
  left: 0;
  top: 0;
}

.masthead .t3-module {
  padding: 0;
  margin: 0;
}
.masthead .t3-module .module-title {
  display: none;
}
.masthead .masthead-bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  background-size: 100% auto;
}
.masthead .masthead-bg:before {
  background: #00361d;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

    torres86 Your site link given in edit fields is taking lot of time to load and finally returning with "connection timed out" error. Kindly consult your hosting provider for the same as I am unable to view your site so as to have closer look

        4 days later

        Hi John,

        Are you able to view this page as a registered user e.g. a user without permission to edit the page?
        Looking at the source code the problem is

        .jmoddiv.jmodinside {
        position: relative;
        top: 0;
        left: 0;
        }

        I think this only comes when users have ability to front end edit

        Cheers
        Paul

          paulus1031 On these pages with the Masshead, I do need users to have editing priviliages on the front end. I could user a different module for a masthead, but I do like how this one is formatted minus the CSS issue. Any idea on a quick fix, or should I find a different solution?

          Thanks for having a look!

              paulus1031 I see what you are saying! I turned off editting permissions for registered users. That seems to have solved the "problem." Easy enough of a fix. Problem solved.

                torres86
                Hi
                open /templates/uber/local/css/themes/farmhouse/template.css
                Now fine this code

                .masthead .masthead-bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
    background-size: 100% auto;
}

                replace it with

                .masthead .masthead-bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute!important;
    z-index: 2;
    background-size: 100% auto;
}

                save file, clear cache and check.

                Regards

                    Ninja Thank you so much! That did it. Appreciate the help.

                    Cheers,
                    John

                      Ninja locked the discussion.
                      Write a Reply...
                      You need to Login to view replies.