Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2016 at 2:37 pm #727944
    wisenlucky

    Hello,

    How can i put buttons together, not on the new line, but on the same one with a distance of 5 px between them? ?
    Here is my website:

    I read in another thread that I should modify CSS, but I dont understand where should I do that.

    Another question – same page. If I see the mobile version the button in top right corner becomes unreadable and the logo becomes too big. Is there a way to fix that?

    Thanks!

    • This topic was modified 7 years, 11 months ago by wisenlucky.
    December 25, 2016 at 3:44 pm #728221
    Vinay

    Hey wisenlucky,

    It appears you figured to put the buttons on the same line

    To change the menu button color in mobile devices Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top a#advanced_menu_toggle:before {
    color: #000!important;
}

    Best regards,
    Vinay

    January 13, 2017 at 9:08 am #733042
    wisenlucky

    Hey Vinay,

    Thanks for reply. Regarding buttons, yes I figured out one code. Currently my general styling code loooks like this. However not all issues are solved. And I got new ones :)

    /*No menu in header
.page-id-11 nav.main_menu {
    display: none!important;
} 
*/

.avia-button {
border: 1px solid #ffffff !important;
}

.avia-button-center {
   display: inline;
   padding: 0 5px;
}

.page-id-43 .main_menu {
display: none;
}

    1. Buttons in top section are alligned left – exactly as I need them. If I want to create another section where two buttons are centered – how do i do that?
    2. Both buttons are outlined with white boarder. If I want to make Green button (left button ) without outline, but right button keep with white outline. How do I do that? Basically I want button to have exact look as in top menu – see attached link:
    3. When I look at mobile look mobile version there are a lot of issues:
    3.1. the button in top right corner becomes unreadable ( see attached screenshot)
    3.2. Logo becomes bigger. IS there a way to keep it same size?
    3.3. Top section ( where the logo and button are ) becomes white. Which actually prevents from reading logo. Is there a way to leave it same color as its on website.
    4. On the content page ( see link in attachment) I want to get rid of the button in top menu and I want to change logo to other picture ( text is black ). How can i put different logo to different pages? And How can I hide menu there?

    Thanks! I think these questions cover all the topics so my website will shine as i want :)

    • This reply was modified 7 years, 10 months ago by wisenlucky.
    January 17, 2017 at 1:36 pm #734689
    Andy

    Hi,

    please open a new ticket for a issue/question, otherwise it gets very confusing here.

    1.) Not sure what you mean, but you can do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then you can provide all your buttons the same unique custom css class.

    2.) You could do same as in 1.). Or you use this code inside Quick CSS field:

    a.avia-button.avia-icon_select-no.avia-color-custom.avia-size-medium.avia-position-center {
border: none !important;
}

    Make sure you’re not asking for too many customizations, as we’re here to help you if you have problems with our theme and not for making customizations of your client’s website. If you need help with those kind of jobs, then feel free to hire a freelance developer here: http://kriesi.at/contact/customization

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.