Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 19, 2018 at 9:53 am #928966
    mynick

    Hi guys,

    First of all I wanted to say that this theme is quite something! Good job Kriesi! I’ve used this theme in numerous projects, but now I could use some help. I didn’t know if I should bundle all my questions in one thread or spread them out… Anyways, here we go:

    URL: http://mb.salesatsize.com/

    Problem#1 HOMEPAGE
    – As you can see I used a masonry-blog at the bottom of the page. The middle article needs to have a black background but I can’t find the correct selector. ( Yes, it’s black now, but I’m using the wrong solution ). Can anyone give me the right selector so that each time the 2nd article gets a black background?

    Problem#2 HOMEPAGE
    – Right above the footer you can see the partner-element. I’ve enabled ‘hide on mobile’ but this results in a ‘white empty area’ on my phone… Is there a more clean way to hide this on mobiles? The empty area really bothers me.

    Problem#3 – NAVIGATION
    – I’d like to see that the active page gets a green text. I took a look at all available demos and not a single one had this… Is this possible?

    Problem#4 – NEWS PAGE
    The hover states of my buttons under each article are wrong. I’d like to have it green with white text. The green has to become a little lighter when I hover, that’s all ^^. Can anyone help me with finding the right selector?

    If necessary I can share my login credentials.

    PS: I add everything to “Quick CSS”

    I have some more small issues but lets start with these ones.
    Thanks in advance, guys ;)

    Regards,
    Dimmy

    March 20, 2018 at 5:45 pm #929995
    mynick

    Hey guys,

    Just to be informed correctly: Is this the way I need to ask for support or is there another way?
    Thanks for letting me know ;).

    Regards,
    Dimmy

    March 20, 2018 at 10:50 pm #930149
    Basilis

    Hi,

    That is the correct way to ask questions – yes!
    1. Add the following code
    .site-background { background: #000; }
    as you are using it only htere

    2. I do not see any space at all I am afraid

    3. Please add
    .av-active-burger-items { color: !important; }

    and add your color

    4. You want instead of the colros of social media, to have for all the same color?

    Best regards,
    Basilis

    March 21, 2018 at 10:56 am #930476
    mynick

    Hi Basilis,

    Thanks for the help! I really appreciate it. But I think we’re not talking about the same things so before we continue I should clarify what it is I want.

    1. MASONRY-BLOG on homepage.
    Each article has a green overlay at the bottom. I’d like to have the background of the overlay of the 2nd article to be black ( like it is now ). So again, the middle article needs to have a black overlay.
    I found a solution, but I know 100% sure that I’m doing this incorrectly.

    2. Partner element hidden on mobile leaves a blank space in Chrome ( desktop and iphone )
    screenshot https://imgur.com/a/0WuwQ

    3. The active item did not change color after I added your suggestion to the Quick CSS. Please look at the screens:

    View post on imgur.com

    View post on imgur.com

    4. ‘Read more’ button under each article – https://mb.salesatsize.com/nieuws/
    When you hover over the green buttons, the text changes to green. I can’t find the correct selector to change this.

    Do you need any credentials, perhaps?

    Regards,
    Dimmy

    • This reply was modified 6 years, 8 months ago by mynick.
    March 22, 2018 at 1:02 pm #931228
    Victoria

    Hi Dimmy,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
/* will hide the whitespace on mobile */
@media only screen and (max-width: 767px) {
  #after_masonry {
    display: none;
  }
}
/* will highlight the current menu item */
.current-menu-item .avia-menu-text {
  color: #666;
}
/* will change the hover color, you can change the color to whaterver you need */
.html_elegant-blog .more-link:hover {
  color: #000;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 29, 2018 at 10:20 am #934733
    mynick

    Hi,

    Everything you said seemed to work, so thanks a lot for helping me out!
    However, now I have this one last issue. The good news is, that it’s an easy fix.

    Could you help me out with this last thing, please?

    https://imgur.com/a/ZJzGd

    As you can see on the screenshots, I end up with a green text and green background when hovering over the active page in the navigation. I’d like the text of the active page to turn white when I hover. Would that be possible?

    https://mb.salesatsize.com/

    If you dont understand what I mean, then just open the navigation. It’s pretty self-explanatory, but my English isn’t that good.

    Thanks guys!
    Dimmy

    • This reply was modified 6 years, 8 months ago by mynick.
    March 29, 2018 at 12:47 pm #934772
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .current-menu-item a:hover .avia-menu-text {
    color: #fff !important;
}

    Best regards,
    Mike

    March 30, 2018 at 8:47 am #935164
    mynick

    Thanks! ;)
    It did the trick.

    Regards,
    Dimmy

    March 30, 2018 at 10:38 am #935225
    Victoria

    Hi Dimmy,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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