New Landing › How can we help? › Themeforest Theme Support › Dante › Buttons in header

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Dante
  • April 28, 2014 at 1:06 pm #70427
    gorjess
    Member
    Post count: 16

    Hi,

    1.How can I align the buttons to be in the centre of the top header? I’ve tried using the code to align them though the code just shows up in the header.

    2.How can I remove the ‘white section header’ where it has the contact number and email?

    Thanks in advance.

    April 28, 2014 at 3:06 pm #70486
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Please could I see a link so I can understand which parts you are talking about?

    – Kyle

    April 29, 2014 at 10:18 am #70663
    gorjess
    Member
    Post count: 16

    Oh sorry, here’s the URL http://gorjesstyle.com/

    Thanks

    April 29, 2014 at 10:45 am #70672
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    For the buttons, add this to your custom css:

    .tb-right.col-sm-6 {
  width: 100%;
}
.tb-right .tb-text > p {
  text-align: center!important;
}

    To remove the other section, you need to select the header layout that does not include the top header

    – Kyle

    April 29, 2014 at 11:49 am #70698
    gorjess
    Member
    Post count: 16

    Thanks Kyle, though the custom css didn’t work – I’ve set up to have the buttons in the top menu by inputting the code:

    <p style=”text-align: right;”>[sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-enquiry/&#8221; target=”_blank” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE ENQUIRY[/sf_button][sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-booking/&#8221; target=”_self” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE BOOKING[/sf_button]</p>

    into the theme options > header options > Top Bar right text config.

    Should this all be in custom css?

    April 29, 2014 at 11:54 am #70701
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Remove the paragraph tag, that is forcing it right

    – Kyle

    April 29, 2014 at 12:08 pm #70706
    gorjess
    Member
    Post count: 16

    I removed it and tried both of these:

    [sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-enquiry/&#8221; target=”_blank” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE ENQUIRY[/sf_button][sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-booking/&#8221; target=”_self” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE BOOKING[/sf_button]

    [sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-enquiry/&#8221; target=”_blank” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE ENQUIRY[/sf_button][sf_button colour=”white” type=”standard” size=”standard” link=”http://gorjesstyle.com/contact-us/online-booking/&#8221; target=”_self” icon=”ss-compose” dropshadow=”no” extraclass=””]ONLINE BOOKING[/sf_button]</p>

    …but they both don’t work.. the buttons stay aligned left and don’t centre.

    http://gorjesstyle.com/

    April 29, 2014 at 1:04 pm #70739
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code 

    .tb-text{text-align:center}
#top-header{display:none;}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    April 29, 2014 at 1:20 pm #70753
    gorjess
    Member
    Post count: 16

    thanks though still not quite working

    I’d like it to align to the right and be in the centre of the black header bar.

    Thanks

    April 29, 2014 at 1:32 pm #70758
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Therefore it would be aligned in the center not the right? Please remove Mohammads css and add mine, then let me know and I will look at it for you. I tested it and it worked fine

    – Kyle

    April 29, 2014 at 1:48 pm #70768
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach a marked screenshot so i can give to fast and quick solution .
    Thanks 🙂
    With Best Regards
    Swift Ideas

    April 29, 2014 at 11:34 pm #70932
    gorjess
    Member
    Post count: 16

    Hi,

    This is what it looks like currently with Kyle’s css. I would like it aligned to the side that the menu nav is, so the buttons would be ontop of the “home > women > men > contact” & then for the buttons themselves to be aligned in the centre of the black bar.

    Screenshot attached.

    April 30, 2014 at 8:12 am #71013
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry, now I understand what you mean, you want it vertically aligned?

    In that case, remove the previous css and add this:

    #top-bar .sf-button {
  margin-bottom: 3px;
}

    – Kyle

    April 30, 2014 at 8:23 am #71025
    gorjess
    Member
    Post count: 16

    Thanks – that’s better though how can we push this right to the right hand side where the “search” icon finishes?

    April 30, 2014 at 8:34 am #71033
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this custom css:

    .tb-right .tb-text {
  float: right;
}

    If you still think it’s not vertically aligned you can change the 3px to 0

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register