Forum Replies Created
-
Posts
-
I’m having the same problem. Is there a solution yet? https://clairedance.com
Thanks for your help, Yigit. This code didn’t do the trick – the 2 columns displayed side-by-side on mobile. I’ve reverted to the long solution for now.
Follow up: I did find a way to do this, but think it may not be the most elegant solution. If there is a simpler/better way, please let me know.
I added this to custom css and it worked.
/* #Mobile (Portrait)
================================================== */@media only screen and (max-width: 800px) {
.responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
.responsive #top { overflow-x: hidden; }
.responsive .boxed#top, .responsive #top.boxed .stretch_full ,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
.responsive #top .flex_column_table_cell{display: block;}
.responsive #top .flex_column_table{display:block;}.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left:0;
padding-right:0;
float:none;
}
.responsive .units, .responsive .unit {
margin: 0;
}.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}.responsive #top #wrap_all .av-flex-cells .no_margin{
display: block;
margin: 0;
height:auto !important;
overflow: hidden;
padding-left:8% !important;
padding-right:8% !important;
}.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
width: 100%;
max-width: 100%;
margin: 0 auto;
}.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
padding-left:0% !important;
padding-right:0% !important;
}.responsive #top #wrap_all .flex_column:empty{margin:0;}
}Thank you for addressing this. I was able to remove the italics, change the font size, and specify a different font with this:
.av-subheading_below {
font-style: normal !important;
font-size: 24px !important;
font-family: “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, Verdana, sans-serif !important;}VincentSmit, I’ve been looking for an answer to the same question, and am having good luck with this info from the Enfold documentation:
http://kriesi.at/documentation/enfold/change-the-sort-order-of-masonry-elements/Thanks for this info, Chris. It’s just what I was looking for, as my client tends not to add featured images to posts, and I wanted to make the Latest News widget display without the thumbnail. :)
Thank you all for your help! It works, and I’m very happy with my site. I love the theme and truly appreciate the great community (I’m talking to YOU, docperi) and support you provide.
T.
Oh, how I love this accordion slider!
One question: Is there a way to make the slider title display vertically? (I’m trying to create an effect similar to this one: http://www.cmog.org)
Thanks for a great theme!
Thank you for this solution. I just updated from 2.6.2 to 2.7 and had the same problem. This custom CSS did the trick.
Never mind – I was able to work with your instructions to get what I was after. Here it is, fyi: this made the Easy Slider caption title green and italicized:
div .slideshow_caption h2 {
text-transform: none!important;
font-size: 32px!important; color: #a5ce39; font-style:italic;
}
