Okay
  Public Ticket #1677176
Layout error
Closed

Comments

  • fabcarriza started the conversation

    hello, I bought the plugin recently and installed it on a website I'm developing offline with the Salient Theme, I already saw in the forum how to fix the problem with FontAwesome, but now I see that the icons in the top bar of the calendar are not vertically centered (see attached image). Could you help me with that?

  •  94
    Valentin replied

    Hello there,

    Look like you have some css conflicts with your theme styles. Without checking it live will be a guess, but please try this.

    Go to Dashboard -> St.Event Calendar -> Fonts & Colors -> Custom Styles and paste this code:

    .stec-top-menu i {
            margin-bottom:0px !important;
          padding-bottom: 0px !important;
            }
    Save the settings and see if everything is okay.

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •   fabcarriza replied privately
  •  94
    Valentin replied

    I see now. The problem was somewhere else. There is a global style about all FontAwesome icons to have certain height. I have no idea why, but we can fix it with this:

    On the same place, delete the old code I sent you and paste this one:

    .stec-top-menu i {
            height: auto;
            top: 0;
    }
    I just noticed something else in the filter menu and will send you the code for that too in few minutes.

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •  94
    Valentin replied

    Okay on the same place add this bellow the other code:

    .stec-top-menu-filter-dropdown i {
        width: auto;
        height: auto;
    }
    .stec-top-menu-filter-dropdown {
        text-align:left;
    }
    .stec-top-search-form i {
        margin-top:20px !important;
        margin-right:5px !important;
    }
    

    I'm pretty sure there may be more when you start adding content in the events so just let me know and if possible to see it live so I can debug it.

    The problem is that your theme is using global styles for the icons and this overwrite our styles...

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  • fabcarriza replied

    I've already added all the codes, but the error persists. Attached image of the custom css window in the plugin

  •  94
    Valentin replied

    Hm for me here look like this:



    Is it possible to give me wp admin access to make it on the live version? 

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •   fabcarriza replied privately
  •  94
    Valentin replied

    There are some more things except the icons like some buttons styles and I want to fill more content to see if there is something else that I can't see right now, but will do this tomorrow morning because it's getting kinda late here


    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review

  •   fabcarriza replied privately
  • fabcarriza replied

    Cam you help me with this issue? I'm trying to embed a youtube video in the event description tab, but only the code is displayed, not the embedded video. The video is displayed in the editor window, but not in the final tab. Is there a solution to this?

  •   Valentin replied privately
  • fabcarriza replied

    Yeah, I know, this theme has serious issues. Thank you for all your support! One last thing: I'm trying to put the single event page boxed like the demo, but instead it shows full width. Is there a way to do that in settings or I need a custom CSS for that?

  • fabcarriza replied

    I found the solution in the support forum. I put this code in the "custom style" tab of the plugin:

    .stec-layout-single {
        float: none !important;
        max-width: 1280px;
        margin: 100px auto !important;
        overflow: hidden;
    }

    The only problem I see now is that the footer is always visible (the theme has an option of "footer reveal" wich is enabled), instead of hiding and appearing when scrolling at the bottom of the page. Could you help me with this?

  •  94
    Valentin replied

    I believe your footer style is missing overflow: hidden;

    Stachethemes Support
    My Time Zone is GMT+3


    Envato Profile | Facebook | Twitter | Newsletter | Rate & Review