Tagged: 

Viewing 11 posts - 31 through 41 (of 41 total)
1 2
  • Author
    Posts
  • April 3, 2017 at 8:39 pm #771313
    stefanswebdesign

    and if you scroll down to the section where its written “Comment vous sentez-vous ?” you see that the image is not clear. how can i make it look crystal clear like the first image on the fron page?
    login details below

    April 6, 2017 at 6:02 pm #773370
    Victoria

    Hi stefanswebdesign,

    Could you explain what you want to do to the logo, or better give us a mockup?

    As for the image, you inserted a small image in color section (http://attitude.life/wp-content/uploads/2017/02/Bienvenue-min-300×222.jpg). You can edit color section and set a big image as a background.

    Best regards,
    Victoria

    April 8, 2017 at 7:02 pm #774645
    stefanswebdesign

    hi,
    yes of course,

    i would like to change the logo over css and when i am scrolling the same thing. do you know what i mean?

    April 9, 2017 at 2:33 pm #774960
    Vinay

    Hi,

    As I understand you like to set a different logo when the page is scrolled correct?

    Please upload the transparency logo from Enfold > Header > Transparency Options > Transparency Logo

    Best regards,
    Vinay

    April 11, 2017 at 11:48 am #775956
    stefanswebdesign

    hi vinay,
    the thing is if if i do it over that way then also the setting of coloring are applying becuase i changed them but i like it the way the page is right now. so if i now change the logo like you told me also some other stuff is changing. is there a way to change logo and transpareny logo over css?

    April 14, 2017 at 2:34 pm #777838
    Vinay

    Hi,

    To replace the logo when the page is scrolled using CSS please try the below code.

    NOTE: Replace the background color with background image
    refer to this link for more info https://css-tricks.com/almanac/properties/b/background-image/

    /* Header logo when page is not scrolled */
#header.av_header_transparency .logo a img {
display: block !important;
}
#header.av_header_transparency .logo a {
background:transparent!important;
}
/* Header logo after page is scrolled */
#header .logo a img{
display: none;
}
#header .logo a {
background: gold;
min-width: 100px;
min-height: 60px;
}

    Best regards,
    Vinay

    April 14, 2017 at 2:41 pm #777841
    stefanswebdesign

    Hi vinay,
    Thanks a lot. And what would be the css code to change normal logo when not scrolling? Could you help me here? Thanks
    Stefan

    April 14, 2017 at 7:21 pm #778003
    Andy

    Hi,

    as you can see in Vinay’s code the first part says:

    /* Header logo when page is not scrolled */

    So take exactly this part to make your changes to your logo when page is not scrolled.
    Though it depends which changes you want to make exactly.

    Best regards,
    Andy

    April 14, 2017 at 9:32 pm #778074
    Vinay

    Hi,

    To change the logo when the page is not scrolled go to Enfold > Theme Options > Logo and update your logo.
    To change the logo via CSS first hide the img tag and add a background image to it’s parent container.

    Please use the updated code.
    NOTE: Change the min-width and min-height value to be same as the logo.

    /* Header logo when page is not scrolled */
#header.av_header_transparency .logo a img {
display: block !important;
}
#header.av_header_transparency .logo a {
background:transparent!important;
}

/* Header logo after page is scrolled */
#header .logo a img{
display: none;
}
#header .logo a {
background: url('logo.png');
background-size:cover;
background-repeat: no-repeat;
min-width: 100px;
min-height: 60px;
}

    Best regards,
    Vinay

    • This reply was modified 7 years, 8 months ago by Vinay.
    April 18, 2017 at 7:15 pm #779576
    stefanswebdesign

    Hi vinay, thanks a lot. i tried for now just the option
    /* Header logo after page is scrolled */
    i pasted the code in custom.css like this:
    #header .logo a img{
    display: none;
    }
    #header .logo a {
    background: url(‘lhttp://attitude.life/wp-content/uploads/2017/02/Attitude-b.png’);
    background-size:cover;
    background-repeat: no-repeat;
    min-width: 100px;
    min-height: 60px;
    }

    now the logo when not scrolled i had the possibility to change via enfold backend and thats ok. i now just want that this logo is showing when scrolling: http://attitude.life/wp-content/uploads/2017/02/Attitude-b.png
    with the code above it is still showing the standard logo when scrolled. did i do something wrong with the css code above?

    April 21, 2017 at 9:03 am #781057
    Ismael

    Hi,

    The custom css code is not being applied to the frontend correctly. If possible, please create a new thread for this particular issue. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Best regards,
    Ismael

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