Forum Replies Created
-
Posts
-
@hirens – your page load speed is horrible. Have you used EWWW or Imsanity or anything similar to compress your images?
@boxseven
2560×1400@boxseven on large screen resolutions your angled design falls apart. I really like the use of the angled image though- what a creative idea.
stretch to fit and it’ll work – add this to the angled image elements and it works like a charm: background-size: 100% 100%;
Had to change a few thingsto get it to work at all.
It’s not responsive… Any way to do that? Also the menu items aren’t centered in the menu div.
I did in the original post… here it is again:
http://www.faygirls.com/gallery/is there a way to have the Pin It button show up all the time in the Lightbox rather than just on hover?
Nevermind – I figured it out. Here’s the final code:
.avia-image-container-inner:hover .avia_image:before {
content: ”;
border-radius: 0;
background-image: url(http://www.crestedbuttecomputers.com/dev/unitedstatesfittings/wp-content/uploads/2015/12/USFittingslogosquare.png);
background-size: 100px 100px;
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
z-index: 10000;
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.avia-image-container-inner:hover .avia_image:before {
animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
-webkit-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
-moz-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
-o-animation: avia_pop_small 0.35s 1 cubic-bezier(0.000, 0.980, 0.440, 1.100)!important;
}
.image-overlay .image-overlay-inside {display:none;}I applied these same changes on this site: http://www.crestedbuttecomputers.com/dev/unitedstatesfittings/fabricated-crosses/
however, the image doesn’t stay the same size and increases depending on the size of the image. I don’t want it to increase at all – remain original dimensions or smaller.
I tried using this code from another site of mine that is working correctly – however this code doesn’t work on the new install:
.image-overlay.overlay-type-extern .image-overlay-inside:before {
background-image: url(http://www.alpineorthopaedics.com/wp-content/uploads/2015/06/alpine-orthopaedics.png);
background-size: contain;
background-color: transparent;
background-repeat: no-repeat !important;
}None. It’s a stock install.
Here’s my custom css:
#top #wrap_all .social_bookmarks {font-size:18px;}
.avia-icon-list .iconlist_icon {
height: 64px;
width: 64px;
line-height: 64px;
font-size: 45px;
text-align: center;
border-radius: 500px;
position: relative;
float: left;
margin-right: 30px;
margin-left: 2px;
z-index: 5;
color: #fff;
}
.sliderbutton:hover {background:#4d823e!important;}.floating-buynow a {
position: fixed!important;
z-index: 99;
right: 5%;
top: 52%;
border-radius:10px; -webkit-border-radius: 10px; border: 1px solid #ffffff; box-shadow: 1px 1px 5px #777; -webkit-box-shadow: 1px 1px 5px #777;
background-color:#7fc241;
}h1, h2 {text-transform:none!important;
}
.main_color .av-masonry {
background-color:#719430;}
.avia-testimonial-content {text-align: justify;}.subscribe {
position: fixed!important;
z-index: 99;
right: 6%;
top: 62%;}
.html_visible_cart .cart_dropdown {
right: 5px;
top: 41px;
}
.header_color .cart_dropdown_first .cart_dropdown_link {color:#7fc241;}
#top .av-menu-button > a .avia-menu-text {border-color: #7fc241;}@media only screen and (max-width: 1024px) {
.floating-buynow {
display: none !important;}
.subscribe {display: none !important;}
}
@media only screen and (max-width: 1216px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced{display:block;}
}I have 3.4.4 installed already. I’ve deactivated all plugins. The issue is with the new version of yoast
Why don’t you use this and copy and paste the section you’re talking about?
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/So the answer was this:
I had this in my CSS to show the table heading row on mobile devices (not sure why you choose to hide it by default):
@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
display: block;
}}Which, when using two centered text columns with the only text in the heading row entered into the left column, forces the description to show up at the top of BOTH rows further down the table. BUG. This could all be resolved by allowing for COLSPAN for heading rows.
AGAIN, when given admin credentials don’t make changes without telling the client.. especially when you leave them for my client to discover… bad form.
hmmm I’m an idiot… I’m not sure where those came from. Yep – removed them and unchecked the automatically add paragraphs box and it’s better – thanks!
