Jump to content

categories block conflicting with slides


Recommended Posts

i have a conflict problem,

categories block (2nd column) is coverd by slides....

In the photos is obviously what is i am taling about.

In the first photo slide is covering the whole area, but in categories menu 

you cannot see the second column.

In the second photo, i minimize the slide where of course the second column is ok,

but not the slides.

 

 

I understand that i need some little modification in css part of a .tpl

but the point is which .tpl and what modifications.

 

Somebody give me an idea?

 

post-906854-0-92069800-1423324205_thumb.jpg

 

post-906854-0-67754100-1423324208_thumb.jpg

Link to comment
Share on other sites

good morning,

 

 

yes it is titan theme

 

all i want is block category menu will not  be behind the slides,

and slides stay in the background, so it will not cover the menu in the second column.

 

and url,

http://www.barbadimou.gr/ps/

 

thanks for your attention :)

 

ps i set the time of the slides in 4 secs so if you keep the mouse in one category

you can see the second column behind the slides.

Edited by athens (see edit history)
Link to comment
Share on other sites

In your themes folder should be a folder called /css

Somewhere in there should be a .css file called styles or something like that.

 

Unluckily I can't check which .css file is being called, because PS is automatically caching everything.

Meaning I can only see the cached file.

 

Let me know if it worked out, else you can always PM me the login credentials for FTP, so I can do it for you.

Link to comment
Share on other sites

is that the file that you say to me?

it is on  themes / mytheme / css / modules / blockcategories / blockcategories.css

/* line 3, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top {
  clear: both;
  position: relative;
  top: 30px;
}
/* line 7, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu {
  position: relative;
}
/* line 9, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li {
  position: static;
}
/* line 11, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li > ul {
  width: 100%;
  top: 60px;
  margin: 0 20px;
}
/* line 15, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li > ul > li {
  display: block;
  float: left;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
/* line 24, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li > ul > .category_thumb {
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
}
/* line 29, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li > ul > .category_thumb img {
  display: inline-block;
  width: 33%;
}
/* line 36, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li h4 a {
  font-size: 1.1em;
}
/* line 38, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li h4 a:before {
  display: none;
}
/* line 43, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu > li .main-level-submenus {
  position: relative;
  display: block !important;
  visibility: visible !important;
  top: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  left: 0;
}
/* line 54, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_top .sf-menu .category_thumb {
  display: none;
}

/* line 61, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left .block_content > ul {
  border-top: 1px solid #d1d1d1;
}
/* line 64, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li {
  position: relative;
}
/* line 66, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li a {
  font-weight: bold;
  color: #333333;
  display: block;
  font-size: 13px;
  line-height: 30px;
  padding: 0 30px 0 19px;
  border-bottom: 1px solid #d1d1d1;
}
/* line 75, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li span.grower {
  display: block;
  background: #f6f6f6;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-family: "FontAwesome";
  font-size: 14px;
}
/* line 86, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {
  content: "\f068";
  display: block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  color: #333333;
  line-height: 30px;
  text-align: center;
}
/* line 97, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li span.grower.CLOSE:before {
  content: "\f067";
  color: silver;
}
/* line 104, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li span.grower:hover + a,
#categories_block_left li a:hover,
#categories_block_left li a.selected {
  background: #f6f6f6;
}
/* line 108, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li li a {
  font-weight: normal;
  color: #777777;
}
/* line 111, ../../../sass/modules/blockcategories/blockcategories.scss */
#categories_block_left li li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  line-height: 29px;
  padding-right: 8px;
}
Link to comment
Share on other sites

Yeah well I like to place it between grey areas so I know exactly what I have placed in the code manually.

 

Something like this:

/* ******************************************** Custom code Start *************************************** */
#rev_slider_2_1_wrapper {z-index: -1;}
/* ******************************************** Custom code End *************************************** */

And yes, you can place this code somewhere at the beginning of your CSS.

You can also choose to use it in the end of the page, as long as you can find it easily next time.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...