Forum Replies Created

Viewing 30 posts - 1 through 30 (of 45 total)
  • Author
    Posts
  • in reply to: Layerslider text-top #1153095

    Slider 8

    in reply to: Layerslider text-top #1153094

    Thanks!

    in reply to: TM relative position #1152065

    OMG right. Thanks for your patience Mike!

    in reply to: TM relative position #1151837

    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!

    in reply to: Font Lato Bold not showing bold #1151472

    Right but visually you dont see it. Switched to Arial and it shows now, thanks

    in reply to: Layerslider – arrow navigation (next previous) size #1151471

    All good you can close thanks

    in reply to: Layerslider – arrow navigation (next previous) size #1148919

    Thank you

    in reply to: Layerslider – arrow navigation (next previous) size #1147767

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

    in reply to: layerslider min. mobile font size centered #1143248

    you are wonderful! thank you.

    in reply to: layerslider min. mobile font size centered #1142319

    OK, in the layer slider i gave the image a class “centerimage” as you can see here, thanks!
    Image 2019-09-26 at 5.51.07 PM.png

    in reply to: layerslider min. mobile font size centered #1141926

    Hi Victoria, thank you. Got the text right, but the first image now also is aligned to the left, look at the screenshot. I am guessing its because they are in the same layer. What do you suggest? thanks again, really appreciate it.
    Image 2019-09-25 at 8.45.47 PM.png

    in reply to: flex-direction: column-reverse; #1141214

    Fixed! thanks so much Mike!

    in reply to: Element flow change #1140691

    Hi Vistoria, i have fixed this – and moved on to a related issue on post

    thanks, sorry for the confusion

    in reply to: flex-direction: column-reverse; #1140642

    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
    Image 2019-09-22 at 8.39.17 PM.png

    thanks!

    • This reply was modified 8 months, 1 week ago by  andyux.
    • This reply was modified 8 months, 1 week ago by  andyux. Reason: adding more context
    in reply to: flex-direction: column-reverse; #1140626

    Update; i added background-color: red and that works. I see in inspector

    @media only screen and (max-width: 767px)
    #top.page-id-2 #av_section_3 .entry-content-wrapper {
        display: flex !important;
        flex-direction: column-reverse;
        background-color: red;

    Screenshot here, where the image (column 1) should be in the bottom and the text (column 2) in the top
    Image 2019-09-22 at 3.37.17 PM.png

    in reply to: flex-direction: column-reverse; #1140622

    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?

    in reply to: Element flow change #1140167

    Still trying to figure this out, help? thanks

    in reply to: Element flow change #1139794

    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!

    in reply to: Remove "comments" from categories post list #1138729

    Got it, done, thank you!

    in reply to: Footer – 2 columns to stay on mobile #1138635

    Thanks Mike!

    in reply to: Main menu Advanced Styling not changing #1138631

    YES Thank you!

    in reply to: Footer – 2 columns to stay on mobile #1138630

    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…

    in reply to: Paragraph max width #1138620

    Sweet! works thanks

    in reply to: Edit "read more" button style #1138618

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

    in reply to: Edit "read more" button style #1138606

    Hi Mike thanks. I tried that and it works. But if you see the default theme button
    http://66.7.193.7/~okami1/news/
    it highlites on mouse-over. Im not seeing the code for that on inspect, thank you!

    in reply to: Edit "read more" button style #1138480

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

    in reply to: Element flow change #1138323

    Got it ! thank you!

    in reply to: Element flow change #1136700

    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
    Image 2019-09-10 at 8.56.56 PM.png
    Thank you!

    in reply to: Element flow change #1136548

    I found something that may help, code looks right with my limited knowledge

    Image 2019-09-10 at 4.17.55 PM.png

    in reply to: Element flow change #1136538

    any ideas anyone? buy you a beer

Viewing 30 posts - 1 through 30 (of 45 total)