athens Posted February 7, 2015 Share Posted February 7, 2015 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? Link to comment Share on other sites More sharing options...
mikewra Posted February 7, 2015 Share Posted February 7, 2015 Hi, First, is this a custom theme? Second, what do you want the slides to look like? Second image seems to allow for both the slides and the 2nd column. Do you just want the slides to be a bit wider? Third, got an URL? Link to comment Share on other sites More sharing options...
athens Posted February 8, 2015 Author Share Posted February 8, 2015 (edited) 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 February 8, 2015 by athens (see edit history) Link to comment Share on other sites More sharing options...
helldog2004 Posted February 8, 2015 Share Posted February 8, 2015 Open you css file and add this code: #rev_slider_2_1_wrapper {z-index: -1;} This will place your slider behind your menu. Tested it and worked brilliantly Link to comment Share on other sites More sharing options...
athens Posted February 8, 2015 Author Share Posted February 8, 2015 hallo helldog Is it easy for you to write down the name of the . css? Link to comment Share on other sites More sharing options...
helldog2004 Posted February 8, 2015 Share Posted February 8, 2015 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 More sharing options...
athens Posted February 8, 2015 Author Share Posted February 8, 2015 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 More sharing options...
helldog2004 Posted February 8, 2015 Share Posted February 8, 2015 Well, you can try and add it here. The code I suggested earlier. If it doesn't work then you should try another CSS. I can't see which CSS is being called out on this page. Cheers, Henk Link to comment Share on other sites More sharing options...
athens Posted February 8, 2015 Author Share Posted February 8, 2015 ok i can try.... where are you suggesting to insert the code? lets say before this in the begining? /* line 3, ../../../sass/modules/blockcategories/blockcategories.scss */#categories_block_top { Link to comment Share on other sites More sharing options...
helldog2004 Posted February 8, 2015 Share Posted February 8, 2015 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now