New Landing How can we help? Themeforest Theme Support Flexform Phone number in header (bigger)

Viewing 15 posts - 1 through 15 (of 18 total)
  • Posted in: Flexform
  • #310802
    florencehellebronth
    Member
    Post count: 26

    Hi,

    i would like to add a phone number in my header.
    I did it but (after social icons) but i want it bigger with more space between social icons and the number…and if it’s possible to change color ?

    Thx
    -Chris

    #310803
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us your site url to have a look?

    -Rui

    #310874
    florencehellebronth
    Member
    Post count: 26
    This reply has been marked as private.
    #310960
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add the code below to your custom css option and change the color, font and left space to your desired values.

    .telephone {
        padding-left: 20px;
        font-size: 15px;
        color: #000;
    }

    I had to wrap the telephone content in a span element with a custom css class.

    Regarding the competences page this is what I’m seeing now.
    https://www.dropbox.com/s/gw81zkcf7ijt9uv/Screenshot%202017-01-20%2013.12.20.png?dl=0

    What are you trying to achieve?

    p.s- You should place the credentials in each topic, it’s not efficient for us to look in the customer topics trying to find urls and credentials.

    -Rui

    #310967
    florencehellebronth
    Member
    Post count: 26

    Hi Rui,

    Thx a lot for the phone number.

    For the competences page i attached a jpg file about what i’m trying to achieve.
    I would like to have a color background (with white font) and the image on the right, and want it in full width….

    thx again
    -Chris

    #310968
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Just missing the attached image.

    -Rui

    #310996
    florencehellebronth
    Member
    Post count: 26

    no problem

    -Chris

    #311001
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I was asking for the image but didn’t realised you attached it in the 1st reply.

    To achieve that you have to use a parallax asset but with a background color instead image.
    In the parallax content you need to add 2 column shortcode(from the SwiftFramework shortcodes on the editor toolbar) one will be 2/3 and the other 1/3.

    And place the text in the 2/3 and the image in the 1/3.

    Hope it helps.

    -Rui

    #311097
    florencehellebronth
    Member
    Post count: 26
    This reply has been marked as private.
    #311312
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I’m not sure how to achieve that. Will forward to our head developer.

    -Rui

    #311313
    florencehellebronth
    Member
    Post count: 26

    ok thank you
    waiting for your feedback

    -Chris

    #311319
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi Chris,

    Do you have a mockup of what you are trying to achieve? Not too sure from your post what you’re looking for.

    Let us know and we’ll be happy to assist.

    Thanks,

    – Ed

    #311345
    florencehellebronth
    Member
    Post count: 26

    Hi Ed,

    Please find attached what i would like to have (in a perfect world 😉 ).

    Thanx for your help.

    -Chris

    Attachments:
    You must be logged in to view attached files.
    #311361
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi Chris,

    Within the parallax asset, add the following extra class to that asset: pt0 pb0

    and then add this custom css:

    .pb0 .wpb_single_image {
    margin-bottom: 0;
    }

    That should sort it.

    – Ed

    #311364
    florencehellebronth
    Member
    Post count: 26

    thx Ed… but i would like the image on the right to take the full width

    is that possible ?

    -Chris

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

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