New Landing › How can we help? › Atelier › Few bugs and changes to apply on homepage

Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • Back to forum
    Posted in: Atelier
  • February 7, 2016 at 3:10 pm #246935
    DavidJulio
    Member
    Post count: 197

    Hello,

    There are few things on my homepage I need to correct or change but it looks I need your help.

    1- Page name to remove on banneer image
    As you can see on the right of the image, the word “weemake” which is the name of the page is written in small.
    How to erease it? I tried on meta options > Page title> and untick “show page title” but I loose all the image.

    2- Social medias icons on top bar:
    With the colour customizer, on top bar colour menu, the colour selected for the “top bar link color” item is #999999
    However, I notice the theme keeps the accent colour by default #2e2e36 which is not what I want.

    3- “fade in” time effects for charts
    I put several values for each of the four charts but it is currently not working. The 4 appear all together while I would like one after one. I set the first at 10, the second at 20, etc…not working.

    4-Promo bar issues
    I would like to keep the text bold but smaller to keep enough padding on both sides, left and right in such a way text+ button remains on the same line. The perfection would be the text starts on the left, at the same position than ”This is Arad, AN atelier demo on the top banner and keep going.

    If the text would become too small for this result. I would consider the button centered below the text but with a space line between the text and the button. I already tried this way but the button comes sticky on top with the last word.

    Also, I would like to use a pattern as a background image.

    For these issues, I try with the custom content with button and image banner shortcodes but nothing seems to work leaving the promo bar all empty.

    5- Colours on accordion widget
    I would like to override accent colours on this item without changing everything.

    For the selected open section #0099cc
    and for the closed ones: #2e2e36
    link hover colour: #0099cc

    6- Progress bars widget
    I tried to custom the type with progress and progress-striped for some but it does not seem to work..

    Could you please give me a hand on these?
    Your help would be very appreciated.

    Rgds,
    David

    February 9, 2016 at 11:39 am #247503
    David Martin – Support
    Moderator
    Post count: 20834

    Hi David,

    1) In the page Meta Options disable the breadcrumbs.

    2) To change the icon color, please test this:

    #top-bar ul.social-icons a {
    color: #999999;
}

    3) Please check now, I have adjusted the timing for each. Remember it’s in MS not seconds.

    4) I do not see any promo bar? Please add a screenshot.

    5) What do you mean open/closed – are you looking to change the background color foreach? 

    
/* Hover Color */
.spb_accordion .spb_accordion_section>h4 a:hover {
    color: red;
}

    6) This is the CSS for the text, add your text changes to this:

    .progress-bar-wrap .bar-text>span.bar-name {
}

    Thanks.
    David.

    February 9, 2016 at 4:06 pm #247619
    DavidJulio
    Member
    Post count: 197

    1- It works! Thanks Dave. – Solved

    2- It works! Nice 😉 – Solved

    3- It works! Gr8! – Solved

    4- Yes, it is just below the four charts with the following text:
    “Weemake: Notre énergie et nos aptitudes pour dynamiser vos ventes.” + button

    But d’you know what?! The text suits me now. I am not complaining on the font size anymore.
    The only thing I bother is the pattern that I would like to use as a background.

    I did not uploaded it yet but you can try to use a pic available on the media gallery for test.

    5-Not the background. I would like all section titles keeps the colour code #0099cc when opened, the same colour code #0099cc when you hover them and stay #2e2e36 when closed instead of #999999 like there are now.
    I am talking about titles “Qui sommes-nous”, “que faisons-nous”, “Pour quelles raisons”, “Où sommes-nous”

    6-I tried to copy/paste the code you gave me with no result.
    I know I missed something..But I have few knowledge on coding.
    Could you please give an exemple with the first progress bar “ventes sédentaires”? Thanks

    7- By the way, something I forgot on my first post.
    How to change the hover colour of the thumbnail pics on the blog post section?
    It is in #666666 and I would like it in #0099cc. Thanks again.

    8- At last, I notice icons do not display on top bar, menu, charts and accordion with chrome and explorer.
    What do I need to set up? Any hint?

    Thanks Dave. Your help is very appreciated. 🙂

    Rgds,
    David

    February 11, 2016 at 12:04 pm #248239
    David Martin – Support
    Moderator
    Post count: 20834

    4) Yes I see that now, please use this for the text adjustments:

    .impact-text-large, p.impact-text-large, .impact-text-large>* {
    font-size: 32px!important;
    line-height: 42px!important;
}

    5) ok, please test this:

    .spb_accordion .spb_accordion_section>h4 a {
    color: #2e2e36;
}

.spb_accordion .spb_accordion_section > h4.ui-state-active a,
.spb_accordion .spb_accordion_section>h4 a:hover {
    color: #0099cc;
}

    6) What were you looking to change, here is an example to change the text size, color and weight:

    .progress-bar-wrap .bar-text>span.bar-name {
	color: #2e2e36;
    font-size: 14px;
    font-weight: bold;
}

    7) Color Customiser => General Styling => Color – General => Hover Overlay Background Color

    8) I see your icons, can you clear your browser cache. What OS are you using?

    Thanks,
    David.

    February 12, 2016 at 7:31 pm #248821
    DavidJulio
    Member
    Post count: 197

    Hi Dave,

    4- It is much better now. Thanks mate 🙂

    But I am still wondering how to include an image as for the background instead of the grey colour?
    I tried to put the promo bar into a row and select a random picture as the background but it did not work.
    Any clue?

    5-It’s not that but I am finally stick with it. It’s the same colour code as for my menus.
    So, let’s release this point out. Thanks anyway. – solved

    6- Changes expected are not on the font but on the progress bars.
    When I set these bars with the shortcodes editor (from the text block) I can select the type between stripe, animated-stripe.
    However when changes are applied, nothing moved.

    [progress_bar percentage=”100″ name=”Inside sales” value=”” type=”stripe” or “animated-stripe” colour=”#0099cc”
    You see?

    7- Thxx. Gr8! – solved

    8- I see them now. but it takes more time to load than with firefox. – solved

    February 15, 2016 at 1:48 pm #249163
    David Martin – Support
    Moderator
    Post count: 20834

    4)

    Upload a background image to your media library and use CSS.

    .spb-promo-wrap.spb_content_element {
    background-image: url("http://swiftideas.com/wp-content/uploads/2014/11/plain_backpack_1b-700x904.jpg");
}

    6) Have you added the shortcode parameter? type="progress-striped".

    [progress_bar percentage="50%" name="50 Percent" value="100%" type="progress-striped" colour="#000"]

    Thanks.

    February 15, 2016 at 6:31 pm #249327
    DavidJulio
    Member
    Post count: 197

    Hi Dave,

    4-It’s just not working. I am going to use parallax instead.
    You can let this away.

    6-Yes, only the text comes in bold but no changes on progress bars.

    9- On top bar, the hover colour is set up on white which is perfect for social icons.
    However, I would need the top right menu comes with a different hover colour #0099cc and the colour #2e2e36 for the selected page like the colour code I have for the main menu (see “Société”; #999999 for display colour, #0099cc for hover, #2e2e36 for selected page)
    Do you think it is possible to set up a code for this?

    10- How can I get the contact form design available on demos “Vario” and “Porter”?

    Thanks for your help 😉

    Rgds,
    David.

    February 17, 2016 at 12:20 pm #249925
    David Martin – Support
    Moderator
    Post count: 20834

    6) I have reported this back to the team for further investigation.

    9) Do you mean change the menu link colors just for the homepage?

    10) Color Customizer => Color – UI Elements => Form Styling => Minimal.

    Thanks.

    February 17, 2016 at 2:49 pm #249995
    DavidJulio
    Member
    Post count: 197

    Hi Dave,

    6- OK

    9- No. See my top bar. There are social icons on the left. And “Contact” on the right.
    If you go with your mouse, it hovers in white in such a way we can’t see this title anymore.
    I would like to have it in #0099cc when I hover it with my mouse, then #2e2e36 when I am on the page.

    The thing is that I don’t want such changes for my social icons. There are find like that.

    Is that better? Tell me if not, english is not my native tongue.

    10- Perfect 🙂 – solved

    By the way, I went further with this website and I have new things to change:

    11- See on pages ids 11 and 394

    I have noticed on icon boxes, when I change the text colour, the items list comes with space between every bullet.
    I do not have this when let in default colour.
    I would need to reduce this space between the lines.

    12- On page 322
    the icon boxes always implement the items lists centered. Even when “on left” is selected in the text block area.
    I would need to get all text left-centered(except the title which I put on the text area because of colour issues – #fff selected into the options do not work in my case and the title remains in default colour).
    And get that space removed between each list items.

    Could you please give a hand?

    Many thanks!! 🙂
    David

    February 19, 2016 at 11:53 am #250627
    David Martin – Support
    Moderator
    Post count: 20834

    6) This has been removed from all future versions.

    9) Please use this:

    #top-bar .menu > li:hover > a, #top-bar a:hover {
    color: #0099cc!important;
}
#top-bar .menu > li.current_page_item a {
    color: #2e2e36;
}

    11) Here https://www.weemake.fr/societe/demarche/ ? Please test this:

    .page-id-11 .sf-icon-box-content p {
    margin-bottom: 5px;
}

    12) Please test this:

    .page-id-322 ul.sf-list {
    text-align: left;
}

    To remove the space here, switch to text view and remove the <br> codes.

    Thanks.

    February 19, 2016 at 5:05 pm #250781
    DavidJulio
    Member
    Post count: 197

    9- OK, the right menu is as expected with your formula…
    …but it messes up the social icons on the left.

    I do not want changes for them. They have to stay white when I hover with my mouse.
    They come in blue!

    11- On page id 11,
    Your code works only on the first icon box, the one at the top which title is ”Approche client classique”.
    Actually, I would need to get the space removed between each item of the list on the last icon box only.
    The one at the bottom right which title is “Mesure de la performance”.

    On page id 394,
    Your formula just do not work.

    12- Great for the aligned text.
    Still got issues on space lines for the items lists.
    There are no <br>. Otherwise, I could get sorted out.

    Cheers!
    David

    February 23, 2016 at 11:33 am #251388
    David Martin – Support
    Moderator
    Post count: 20834

    9) Please test this:

    #top-bar .tb-right .menu > li:hover > a, #top-bar a:hover {
    color: #0099cc!important;
}
#top-bar .tb-right .menu > li.current_page_item a {
    color: #2e2e36;
}

    11) Your list contains <br> HTML tags. You will need to switch to text view tab to remove them. See screenshot: http://d.pr/i/10dBN

    12) please screenshot exactly what you refer to.

    Thanks.

    February 23, 2016 at 4:43 pm #251561
    DavidJulio
    Member
    Post count: 197

    Hi Dave,

    9- Your css works but ..also for social icons.
    If you go with your mouse, all icons will hover in blue #0099cc.

    11- Ok, you are right. I see now.
    I was looking through the wordpress text editor.

    I found the <br> to remove through the source code view but can not make any changes from this page.
    Through, the development tools, I just can not find the style sheet. My knowledge is too limited.

    12-Please, see screenshot.
    It is the same issue as previously with the spacing and <br>s.

    Rgds,
    David

    Attachments:
    You must be logged in to view attached files.
    February 25, 2016 at 12:04 pm #251945
    David Martin – Support
    Moderator
    Post count: 20834

    9) You needed to update this:

    #top-bar ul.social-icons a {
    color: #999999;
}
ul.social-icons li:not(.sf-love) a:hover i {
    color: #fff;
}
#top-bar .tb-right .menu > li:hover > a, #top-bar a:hover {
    color: #0099cc!important;
}
#top-bar .tb-right .menu > li.current_page_item a {
    color: #2e2e36;
}

    12 Thanks for the screenshots, but on this page I do not see those icon boxes: https://www.weemake.fr/detection-projets-informatiques/jeunes-entreprises/

    Thanks.

    February 25, 2016 at 12:55 pm #251966
    DavidJulio
    Member
    Post count: 197

    Hi Dave,

    9- You rock!! 😉 Yeah, it is working now! – Solved

    12- Yes, it is normal. It is on page 322:
    https://www.weemake.fr/detection-projets-informatiques/

    Page 394 is part of my 11- problem.
    But you are right, it is the same issue now with <br> to remove.

    I have understood it’s not your job to remove them but could you please guide me to find the <br> to be removed on page 322 (2 icon boxes), page 394 (394: third icon box) and page 11 icon box which title is “mesure de la performance”.

    Thanks for your help.
    😉 David

  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 19 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