Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #192733

    Hi,

    I have a couple questions.

    Want to make some changes in the header:
    1.) I want the logo and the main menu be center aligned.
    2.) Is it possible to relocate the social media icons to the footer area?

    Thanks in advance,
    Viktoria

    #192755

    Hey Viktoria!

    Regarding 1, add this to the Quick CSS:

    .logo {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    For 2:
    Check: http://www.kriesi.at/support/topic/need-social-media-icons-in-footer-column-1-in-choices/#post-89618
    Cheers!
    Josue

    #192795

    Hi Josue,

    Logo is centered.
    1. How can I do the same with the main menu?
    2. Is there any way to change the font color and size in the main menu?

    Thanks a lot,
    Viktoria

    #192812

    Hi again,

    So now I have the social icons in the footer, but
    1.) I need to fix the hover that is cut off.
    2.) And I want to hide the social media bar from the header area.

    3.) Do you have any ideas how to bring the Sign up button next to the e-mail address box? Giving the newsletter sign up widget a nicer look…

    I have the logo centered…
    4.) How can I do the same with the main menu line?
    5.) Is there any way to change the font color in the main menu?

    http://www.theartsofsilence.com

    Thanks!

    #192999

    Hi!

    Please add following code to Quick CSS as well and adjust
    1.1)

    .main_menu { left: 22%; }

    1.2)

    .header_color .main_menu ul:first-child > li > a { color: red; }
    #top .main_menu .menu li > a  { font-size: 15px; }

    2.1)

    #top .social_bookmarks { margin-bottom: 10px; }

    2.2)

    .header_meta { display: none; }

    2.3)

    input[type="email"] { width: auto; float: left; }
    input[type="submit"], #submit, .button { float: right; }

    Best regards,
    Yigit

    #193208

    Hi Yigit,

    Thanks!
    I have some more questions:

    1.) Is there any other way to center-align the main menu in the header? My site is multilingual, and the length of the menus are different.

    2.) Footer border isn’t stretched. Can you fix it?

    3.) I have the PHP code widget for the social media bar in the footer with this code:

    <?php

    echo “<div class=’flex_column one_fifth first’>”;
    $args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
    avia_social_media_icons($args);
    echo “</div>”;

    ?>

    Can we implement it as a sidebar widget as well? http://www.theartsofsilence.com/about-viktoria-seavey/

    4.) The code you recommended to fix the newsletter widget didn’t work. I actually want to give it the same look as the search-box has. (You can see it in the footer.) Please if you have any other ideas let me know.

    All the best,
    Viktoria

    #193641

    Hey!

    Please add following code to Quick CSS as well
    1) Please see Peter’s post here http://www.kriesi.at/support/topic/media-queries-and-custom-css-for-french-translations-wpml/#post-180573
    2)

    #footer { border-top: 1px solid #72a93e; }
    #footer .container { border-top-style: none; }

    3) You are going to need to use a plugin like this one http://wordpress.org/plugins/php-code-widget/
    4) Do you mind creating a temporary admin login and posting it here privately? It does work when i apply the code on my installation.

    Regards,
    Yigit

    #193658
    This reply has been marked as private.
    #193662
    This reply has been marked as private.
    #194088

    Hi!

    1) Can you try adding following code to Custom.css file inside Choices/Css file

    html[lang="hu_HU"] div.main_menu { left: 9%!important; }

    3) Please post the link to your page where you have icons
    4) Changes are done. You can find custom CSS i have added in Quick CSS section in Choices theme options

    Regards,
    Yigit

    #194107

    Hi,

    1.) I tried, still no change.

    3.) Pages w/ social media icons (on sidebar pages like):

    http://www.theartsofsilence.com/events/

    http://www.theartsofsilence.com/about-viktoria-seavey/

    4.) Thank you!!!

    All the best,
    Viktoria

    #194201

    Hi!

    1.) Please use this, it should be dash not underscore:

    html[lang="hu-HU"] #top .main_menu {
    left: 9%;
    }

    2.) Please replace the code:

    echo “<div class=’flex_column one_fifth first’>”;
    $args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
    avia_social_media_icons($args);
    echo “</div>”;

    with:

    echo “<div class=’social_bookmarks_widget’>”;
    $args = array(‘outside’=>’ul’, ‘inside’=>’li’, ‘append’ => ”);
    avia_social_media_icons($args);
    echo “</div>”;

    Best regards,
    Ismael

    #194210

    Hey Ismael,

    #1 is solved, thanks!!!

    #2 Icons disappeared, nothing displays with the code above.

    Thanks!
    Viktoria

    #194229

    Hey!

    Just add this on your custom.css or Quick CSS:

    .execphpwidget .one_fifth {
    width: 100%;
    }

    Best regards,
    Ismael

    #194379

    Perfect! You guys are awesome! Thank you all very much :)

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Make some changes in Header’ is closed to new replies.