Forum Replies Created

Viewing 30 posts - 1 through 30 (of 132 total)
  • Author
    Posts
  • Thanks for getting back to me, Mike.

    I simply added that h3 style to my new site and it did the trick.

    You are right in that that I skipped any performance enhancing measures while my site was still a work in progress.

    And how about removing the uppercase text-transformation for the blog categories (same pages as above)?

    I tried locating the required code by inspecting it through Google, but to no avail.

    Many thanks again, Mike

    in reply to: Remove light-grey border above Advanced LayerSlider #1113531

    That’s weird, Rikard, it’s gone now.

    I was trying to remove it by myself before contacting you, but none of the snippets seemed to work. Now, in hindsight, these was seemingly a cache issue. The snippet I added was

    .avia-layerslider {
    box-shadow:none !important;
    border-top-width: 0 !important;
    }

    Apparently that did the trick after all. Sorry for having wasted your time and thanks for your time anyways. You can close this thread now.

    Hey Mike, your idea to apply the style to all portfolio pages is just awesome. Takes another headache out of the equation …

    Your code works as well. Many thanks for that. I added another instance for the hover state so I won’t loose the blue hover effect.

    Many thanks again. You can close this thread now.

    Thanks for getting back to me, Rikard,

    Unfortunately this doesn’t work for me. Maybe, I should have made it clearer that I’m using a somewhat customized code for these social sharing icons:

    #top #wrap_all .av-share-link,
    #top .av-share-box ul {
    border: 0;
    }

    #top #wrap_all .av-share-link a{
    color: black;
    font-size: 27px;
    }

    #top #wrap_all .av-share-link:hover a{
    background: none;
    color: #22b3ed;
    }

    Now, this works and looks great on pages with a white page background, but on a portfolio page, which has a black background, I will need these icons to be white. The way I look at this, to make this happen, only the second instance needs changing, but no matter where I try to fit in the snippet with the post ID, it won’t change.

    Many thanks for looking into this again

    Works.

    Many thanks, Rikard.

    Hey Jordan,

    Thanks for getting back to me. I managed to get in done by myself, except that the borders are still visible when the toggle is open.
    Otherwise, the look is exactly as I wanted.

    So how do make the borders transparent in the active/open toggle?

    Here is the code I have been using:

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #22b3ed;
    }
    .active_tc .toggle_content {
    background: #ffffff!important;
    }
    p.toggler {
    border-color:transparent !important;
    }

    Does this make sense? Many thanks.

    in reply to: Custom Styling of Icon Box #1109223

    Thank you so much; Basilis,

    Almost there. Just two more things:

    (i) It looks like there may be an issue with the line height as the “g”s and “y”s in the link seem to be cut off at the bottom
    (ii) Is there a way to eliminate the underline in the hover of the link?

    That’s it. Again, many thanks for your time and help with this. You guys really rock!

    in reply to: Custom Styling of Icon Box #1084015

    Hey Basilis, thanks for getting back to me.

    No, I actually want to change the font size of the, I guess you’d call it the header or title of the icon box (e.g. Strategy). In addition, I’d also like to have the corresponding link in color upon hover, rather than with an underline.

    Many thanks for your time and help with this.

    in reply to: Custom Styling of Icon Box #1083094

    No response in 4 days? That’s a first! :-(

    Works! Many thanks!

    Thanks for getting back to me Jordan. I posted a link to the page below. As you can see, the sorting/filtering option is currently centered above the masonry blog post element; whereas I’d like it to be left aligned. I’d also like to increase the font size a bit and get rid of the italic font effect. Many thanks

    in reply to: Remove Logo from Header #1018292

    Works Rikard.

    As always, many thanks.

    Hey everybody,

    I just wanted to share with you that although I’m still receiving an error message in Enfold in connection with Google’s API, entering it directly in the plugin has actually fixed the problem for me and everything is working fine now.

    So, in case you are having problems with a plugin, rather than Enfold’s built-in Google Map tool, maybe you want to try this.

    Perfect!

    Many thanks, Nikko.

    Hi there, having the same problem.

    Only very recently jumped through all the hoops to create a Google Maps API key for this new project and it worked. Now, that I’m actually trying to use a map enabled plugin for the first time, Enfold says that it cannot connect to the API key. There are no restrictions whatsoever associated with this key; hence, it’s simply beyond what Google is taking issue with now. Google makes my blood boil.

    Would you mind taking a look? I’d really appreciate it.

    Many thanks.

    Thanks a lot Victoria, this works on the menu bar, but, if you start on a page with a transparent background, for instance on the home page, and you scroll down, the logo jumps upward, as it transitions from being displayed on a transparent background to the white background on the menu header. Isn’t there a way to center it vertically no matter where. Maybe it would help defining a fixed custom height for the menu header?

    Many thanks again, for looking into this.

    Thanks Rikard, I very much appreciate you taking the time to look into.

    The code you provide, just like some that are provided in connection with other requests on the same subject, does add a 30px margin above the logo, it doesn’t quite center it though. This is much more evident, if you start on the homepage (with a transparent header) and start scrolling downwards. As the header turns white, you can see that the menu icon is perfectly centered vertically, whereas the logo is not.

    Call me a stickler for detail, but is there another way to go about this?

    Again, many thanks for your time and help.

    This reply has been marked as private.

    Again, many thanks for looking into this Rikard. I have decide to revert back to the original design I was working on for that site. So, please consider my request obsolete at this point. Many thanks anyways.

    Thanks for looking into that Rikard. The site isn’t live, so, you will need to login using the admin login credentials below.

    Many thanks

    in reply to: Resize Portfolio and Blog Thumbs #977831

    Thanks a lot Ismael, this worked.

    I thought that setting it to automatic would naturally stretch them across the space available in the layout.

    Many thanks.

    in reply to: Resize Portfolio and Blog Thumbs #977382

    Thanks for looking into that Victoria,

    I installed and ran the “Regenerate Thumbnail” plugin that was mentioned in Yigit’s post, but this didn’t do anything. Based on the Regeneration log, the thumbnails in question were regenerated, but they didn’t change on any of the pages. Even cleaning the cache in Chrome didn’t make a difference.

    As you can see, the thumbs or featured images I uploaded to the portfolio items measure 1030 x 585px, but they are still seemingly resized and displayed in this square like 505 x 400px.

    What’s more, on the designated blog page, thumbs are displayed in the same 505 x 400px dimmension, while others – using the same blog post content element – are seemingly displayed in a more rectangular format. It’s weird.

    Would you mind taking a look. Access credentials are included in my previous request.

    Many thanks for your time and help with this.

    in reply to: Resize Portfolio and Blog Thumbs #976488

    Awesome. Thanks for getting back to me Jordan.

    Please find the link and corresponding admin access credentials below.

    It’s the “Work” section and “Thinking” section I’m struggling with. As you can see, the “Work” section shows more of a rectangular overlay already, but the corresponding images are cropped to the 505×400 parameters no matter what I try or in which format I supply them.

    Many thanks for looking into that.

    Best,

    I’m terribly sorry Basilis, but supporting problems with custom post types and custom taxonomies seems common practice here. I also don’t think that addressing an issue, where merely a custom taxonomy is missing in the drop-down window of corresponding content elements would require “quite some time and customization of the theme”.

    Enfold has changed a lot lately; hence, many existing tips to troubleshoot and fix issues like this simply no longer apply. Naturally, this will cause users to struggle with problems like this.

    That said, it seems that your response above is just a canned standard response you use whenever you’re not motivated to address an issue. So, why bother responding in the first place? Maybe there’s another moderator or participant out there who is willing to lend a helping hand and who wants to help that customers get the most out of working with Enfold.

    in reply to: Color Section to overlap LayerSlider #975212

    Thanks for looking into this Victoria: I appreciate it.

    I checked the login credentials and they seem to work. As you can see from previous responses from Rikard, he was able to login as well. Either way, the issue has been resolved in the mean time.

    Many thanks again.

    in reply to: Color Section to overlap LayerSlider #974457

    Just a quick note to let you know that working with a percentage-based negative top margin did do the trick for me, Rikard.

    Many thanks for that.

    in reply to: Color Section to overlap LayerSlider #972210

    Thanks for babysitting this issue and helping to find a solution.

    As a matter of fact, you have been looking at the wrong color section.

    The color section I want to overlap layer slider is the one right underneath of the layer slider on the services page. You can see it already has the slideroverlap_2 class assigned to it. You can find the corresponding styling in the Quick CSS section of the Enfold General Styling section.

    The effect I’m trying to achieve is the exact same as on the welcome page – with the only distinction that the negative margin on the services page and all other secondary pages should be -200px.

    Simply put, I want the color section (slideroverlap_2) on the services page to overlap layer slider by -200px (link). It’s already working, if the page is viewed on a smaller screen size, but on larger screens it’s off and positioned below. It’s driving me crazy because none of these issues occur on the welcome page. It’s the exact same effect I want to achieve – just with a larger negative margin – on secondary pages.

    I hope this makes it clearer now. Again, many thanks for looking into this.

    in reply to: Color Section to overlap LayerSlider #971618

    Thanks Rikard,

    I see what you are saying.

    So, knowing now that all Layer Sliders seemingly all have the same global id (#layer_slider_1), I followed your lead and went with:

    #layer_slider_1 {
    z-index:0;
    }

    Following this rational, this should apply a z-index:0 to all Layer Sliders?

    So, as far as this concerns my welcome page, working with

    #slideroverlap {
    padding-top: 0;
    margin-top: -100px;
    z-index: 10000 !important;
    }

    is working just fine.

    Now here is what I’m struggling with: On secondary pages, such as services, legal, etc. I’m using another smaller Layer Slider with a canvas height of only 400px. Now applying the following code

    #slideroverlap_2 {
    padding-top: 0;
    margin-top: -200px;
    z-index: 10000 !important;
    }

    won’t do anything. If I increase the negative top margin to -300px, it would create the desired effect; however, since, it’s a response site layout, it will cause the Color Section below to move up almost to same level as the main menu.

    Why is that? Since the the Color Section below has no padding applied, shouldn’t any negative margin cause the Color Section to overlap Layer Slider. Why is that working perfectly on the index page and here it doesn’t?

    Many thanks for helping me get through this. It’s vital to my overall design and layout; so, I appreciate your help and patience with me.

    Best,

    in reply to: Color Section to overlap LayerSlider #971182

    Hello Rikard,

    I was just trying to duplicate the effect with the Color Section overlapping the Layer Slider on a secondary page, but I keep running into the same problem with Layer Slider covering the content of the color section.

    I already created another class (because the negative margin will be greater for that color section) and I tried modifying the code you supplied above, but to no avail. :-(

    So, how would I need to go about modifying the z-index of this Layer Slider, let’s say on the services page I just created? And, in addition to that, on other secondary pages?

    Many thanks for looking into that again. I sincerely appreciate it.

    Best,

    I understand what you’re saying Rikard, but your code will put me in the exact same position as if I were using a grid row element. Making the entire section full width would naturally cause the header in the left column to no longer be aligned with the headers above and below the color section. Do you see the dilemma?

    Isn’t there a way to use the same padding that you guys use in the color section – but just on the left cell of a grid row? Just thinking out loud …

    Many thanks for your help

Viewing 30 posts - 1 through 30 (of 132 total)