Thanks!

Hey Mike, thanks. I am not seeing the change though, also rediced it to 30%. You can see in the slider that i doubled the sentence, one using TM and one using ™
The span.custom-trademark, i just saw that in another post and thought it would work, is that default css? anyways, i dont see that class referenced in that sentence. Thanks!

All good you can close thanks

This page. Element are the navigation arrows (left, right -> previous, next) thanks

OK, in the layer slider i gave the image a class “centerimage” as you can see here, thanks!

Fixed! thanks so much Mike!

Setting the height in the column to “fixed” was changing the element to table and the code is for column. Changed the 1st column item to individual height and Flex column-reverse works again.
BUT i need to align the text in the column vertically centered. Using the option to set the column to “Equal Height” lets me align the content in the center.
How do i get the flex code to work for when the column is set to “Equal height”?

OR use more code to center vertically?
use justify-content: center;
when media is larger than 767px?

Something like:

@media only screen and (min-width:768px){
     #top.page-id-2 #av_section_3 .entry-content-wrapper,
     #top.page-id-706 #av_section_3 .entry-content-wrapper {
        display: flex !important;
        flex-direction: column;
       justify-content: center;
    }
}

So it looks like this

thanks!

• This reply was modified 5 years, 2 months ago by andyux. Reason: adding more context

I duplicated the homepage (id2) and the flex code worked adding the element to css pageid706. Them making that page the homepage changed its ID back to id2.. and flex stops. Somehow its not ID properly?

Somehow the column reverse code stopped working, can you help me, i cant find the reason.

in the homepage (page#2)
<div id=”av_section_3″ /

and the Lobo Tech page (page#18) in 2 places
<div id=”av_section_1″ /
<div id=”av_section_3″ /

Here is my qucik css

}
#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #006271 !important;
}
.sidebar.sidebar_right {
  background-color: ##f8f8f8;
  height: 100vh;
  min-width: 182px;
}
@media only screen and (max-width: 1124px) {
.sidebar.sidebar_right {
 height: 10vh;
}
}
.blog-meta, .post_author_timeline {
display: none;
}
.blog-categories + .text-sep, .blog-author.minor-meta {
    display: none;
}
.post-entry span.comment-container.minor-meta,
.post-entry span.text-sep-comment {
    display: none;
}
@media only screen and (max-width:767px){
    #top.page-id-18   #av_section_1 .entry-content-wrapper,
     #top.page-id-18   #av_section_3 .entry-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media only screen and (max-width:767px){
     #top.page-id-2   #av_section_3 .entry-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
}
.more-link-arrow{
display:none!important;
}
.more-link,
.wpforms-submit
{
background-color: #d9ab28!important;
border-color: #d9ab28!important;
border-radius:5px!important;
padding:10px 20px!important;
font-size:13px!important;
color:#fff!important;
}
more-link:hover,
wpforms-submit:hover
 {
        text-decoration: none!important;
        opacity: 0.9!important;
}
div.wpforms-confirmation-container-full {
	border: #a51e37;
        background: #D9AB28;
}
#footer .widget {
    margin: 0 !important;
}
.footerfont {
font-size: 90%;
line-height: 140%;
}
@media only screen and (max-width: 767px) { 
.footerfont {
font-size: 70%;
line-height: 120%;
}
}
@media only screen and (max-width: 767px) { 
#footer > .container > .flex_column.av_one_half {
	width: 50% !important; 
}
}

thanks!

Thanks Mike!

Perfect! works. In orders to have the text not flow over on mobile, i created these, is this OK? i feel like mobile slowed down lots after i added this code in quick.css

.footerfont {
font-size: 90%;
line-height: 140%;
}
@media only screen and (max-width: 767px) { 
.footerfont {
font-size: 70%;
line-height: 120%;
}
}

and my my footer html (html widget)

<span class="footerfont" style="text-align: left;">
<strong>Okami Medical</strong>
<div>8 Argonaut, Suite 100</div>
<div>Aliso Viejo, CA 92656</div>
<div>949-598-0300</div>
</span>	

and

<div>
<br>
</div>
<span class="footerfont" style="text-align: right;">
<div>2019 © Okami Medical, Inc.</div>
<div>All Rights Reserved</div></span>	

Thanks Mike, i know this is not css class, I am taking a class now…

Hi Mike, had to put it in custom.css and it does it, thanks!

How can i add no underline on hover?
Thank you!

Hi there! sorry the link i provided was confusing because I had to rearrange all the elements after to be in the same order, for a presentation meeting.

So in desktop the order alternates between image and text columns, but in mobile they should all be text on top, image on the bottom, like in this graphic

Thank you!

any ideas anyone? buy you a beer