Hello, does anybody know how to make a lightbox image appear with mouseover? On my post pages i have images, but the lighbox effect only appear when i click on it. Help please</
Make lightbox appear on mouseover?
Hello, does anybody know how to make a lightbox image appear with mouseover? On my post pages i have images, but the lighbox effect only appear when i click on it. Help please</
You need to embed a javascript rollover segment of code. This code can be found in many places on the web for copy and paste. I'm sorry that I have not done the research for you but if you google javascript rollover code you should get plenty of options.
See more comments
Hello, does anybody know how to make the navigation menu at the top of the page semi transparent? I am using the 'directory' theme, have tried different custom css but didn't wo
Hey Rodney. If you want the nav menu at the top semi-transparent then you need to modify the #kt-main-nav selector in CSS. Find the following line in your style.css:
#kt-main-nav {
background: #434343;
border-top: 1px solid #b8b8b8;
border-top: 1px solid #717171;
color: #fff;
font-size: 14px;
}
then add these two lines:
filter: alpha(Opacity=50);
opacity: 0.5;
Let me know if it works.
I am a bit confused:/ can you help me to locate the place where to put the code please. Here is my stylesheet for nav menu:
/*******Styling the main menu****/
.slicknav_menu{
display:none;
}
/**First Level**/
#kt-main-nav ul{
line-height:50px;
padding:0;
list-style:none;
}
#kt-main-nav ul li{
float:left;
position:relative;
margin-right:15px;
}
#kt-main-nav ul li:hover > .sub-menu{
display:inline-block;
position:absolute;
top:auto;
left:auto;
z-index:10000;
}
#kt-main-nav .sub-menu li:hover > .sub-menu{
display:inline-block;
position:absolute;
top:0px;
left:160px;
z-index:10000;
}
#kt-main-nav ul li a{
display:block;
padding:0 15px;
}
/**Second Level**/
#kt-main-nav ul.sub-menu{
display:none;
}
#kt-main-nav .sub-menu {
background:rgba(90,90,90,1);
border-bottom:2px solid rgba(30,30,30,1);
}
#kt-main-nav .sub-menu li{
position:relative;
width:160px;
float:none;
margin-right:0px !important;
border-bottom:1px solid rgba(30,30,30,1);
}
#kt-main-nav .sub-menu li a{
font-size:12px;
line-height:36px;
}
/**Third Level**/
#kt-main-nav .sub-menu li > .sub-menu{
background:rgba(120,120,120,1);
}
You'll find this line exactly:
#kt-main-nav {
background: #434343;
border-top: 1px solid #b8b8b8;
border-top: 1px solid #717171;
color: #fff;
font-size: 14px;
}
Do a Find (CTRL + F) on "434343". There are only 2 instances of 434343. You'll find the selector close to the bottom of the style sheet.
See more comments
How to make the navigation menu background semi transparet?
Hello, does anybody know how to make the navigation menu at the top of the page semi transparent? I am using the 'directory' theme, have tried different custom css but didn't wo
Hey Rodney. If you want the nav menu at the top semi-transparent then you need to modify the #kt-main-nav selector in CSS. Find the following line in your style.css:
#kt-main-nav {
background: #434343;
border-top: 1px solid #b8b8b8;
border-top: 1px solid #717171;
color: #fff;
font-size: 14px;
}
then add these two lines:
filter: alpha(Opacity=50);
opacity: 0.5;
Let me know if it works.
I am a bit confused:/ can you help me to locate the place where to put the code please. Here is my stylesheet for nav menu:
/*******Styling the main menu****/
.slicknav_menu{
display:none;
}
/**First Level**/
#kt-main-nav ul{
line-height:50px;
padding:0;
list-style:none;
}
#kt-main-nav ul li{
float:left;
position:relative;
margin-right:15px;
}
#kt-main-nav ul li:hover > .sub-menu{
display:inline-block;
position:absolute;
top:auto;
left:auto;
z-index:10000;
}
#kt-main-nav .sub-menu li:hover > .sub-menu{
display:inline-block;
position:absolute;
top:0px;
left:160px;
z-index:10000;
}
#kt-main-nav ul li a{
display:block;
padding:0 15px;
}
/**Second Level**/
#kt-main-nav ul.sub-menu{
display:none;
}
#kt-main-nav .sub-menu {
background:rgba(90,90,90,1);
border-bottom:2px solid rgba(30,30,30,1);
}
#kt-main-nav .sub-menu li{
position:relative;
width:160px;
float:none;
margin-right:0px !important;
border-bottom:1px solid rgba(30,30,30,1);
}
#kt-main-nav .sub-menu li a{
font-size:12px;
line-height:36px;
}
/**Third Level**/
#kt-main-nav .sub-menu li > .sub-menu{
background:rgba(120,120,120,1);
}
You'll find this line exactly:
#kt-main-nav {
background: #434343;
border-top: 1px solid #b8b8b8;
border-top: 1px solid #717171;
color: #fff;
font-size: 14px;
}
Do a Find (CTRL + F) on "434343". There are only 2 instances of 434343. You'll find the selector close to the bottom of the style sheet.
See more comments
Hello does anyone know if WA can host a webstore platform like prestashop? I am planning to extend my niche with an online store.
Thanks:)
Excellent question, I am also interested in... I am curious what people might answer here ;o)
Cheers, Kay
Does wa host webstore platform like prestashop?
Hello does anyone know if WA can host a webstore platform like prestashop? I am planning to extend my niche with an online store.
Thanks:)
Excellent question, I am also interested in... I am curious what people might answer here ;o)
Cheers, Kay
You need to embed a javascript rollover segment of code. This code can be found in many places on the web for copy and paste. I'm sorry that I have not done the research for you but if you google javascript rollover code you should get plenty of options.
Thank barber i wil try it:)
Thank you very, very much - this is very useful to me, so thank you again - Andre