• Resolved Osprey39

    (@osprey39)


    I am new to WordPress and I needed to correct some elements of my webpage. I was trying to make a copy of it that I could work on without changing the live site but I goofed and activated it by mistake and lost all my widgets. I have managed to add them all back in but I have an issue. The ‘Contact Us’ form that used to overlay the Revolution Slider widget is now being placed below the slider. You can see it on the homepage here: orlando.easylawnco.com

    What it should look like is this: dallas.easylawnco.com

    There is also one other small issue that I have and that is that the green background under the social media icons in the top right of the page has gone missing on the Orlando site. If anyone can help me remedy these two problems, I would be eternally grateful.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Try to add this to you custom css:

    .widget-wrapper.single.widget-wrapper-single.widget-wrapper-1.clearfix {
        position: relative;
    }
    #gform_widget-12-background-wrapper.widget-last.widget-even.widget-background-wrapper {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 99999;
    }
    Thread Starter Osprey39

    (@osprey39)

    Julian, I appreciate the reply. Can you walk me through how to do that? Like I said, this is all new to me. I am computer savvy but I have never dabbled with any of this before.

    This is CSS Code and you have to include it to your Stylesheets.

    Open the style.css file of you Childtheme:
    wp-content/themes/BuilderChild-custom/style.css

    Then add this code to the end of the file in a new line:

    .widget-wrapper.single.widget-wrapper-single.widget-wrapper-1.clearfix {
        position: relative;
    }
    #gform_widget-12-background-wrapper.widget-last.widget-even.widget-background-wrapper {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 99999;
    }

    Thread Starter Osprey39

    (@osprey39)

    Ok, I added that code to the style.css file but it didn’t appear to make any difference in how the page displays.

    Maybe you have to clear you Browser Cache. When I load the page it looks like it should.

    Thread Starter Osprey39

    (@osprey39)

    Yep, clearing browser cache did the trick. Thanks so much!

    Now I just need to figure out how to get the dark green background back behind the social media icons at the top right and all the damage I did will be fixed lol.

    Try this Code to you CSS:

    #it_widget_content-47 {
        background: url("https://dallas.easylawnco.com/wp-content/themes/BuilderChild-custom/images/top_rt.png") no-repeat scroll 0% 0% transparent;
        width: 145px;
        height: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 1px 0px 0px 126px;
    }
    #it_widget_content-48-background-wrapper {
        font-family: sorts mill goudy,"Times New Roman",Times,serif;
        font-weight: normal;
        font-size: 26px;
        color: #030303;
        margin: 45px 0px 0px;
        padding: 0px;
        line-height: 20px;
    }

    Thread Starter Osprey39

    (@osprey39)

    You sir are a genius! I can’t thank you enough!

    Thread Starter Osprey39

    (@osprey39)

    Julian, one more question for you if I may. Is there a way to edit the style.css file directly? I tried playing with the File Manager configuration settings but even when I selected ‘Enable Editing’, I don’t get that option for every file, just some of them (and style.css was not one of them.) I had to download the file, edit it on my pc and then upload it back to the BuilderChild-custom directory.

    Maybe you have to choose the correct theme in File Manager.
    Another solution is to use a custom css plugin. This is also the better way if you think about future theme updates. (they would remove the changes at style.css)

    I am a ccomplete novice when it comes to W P problems, and please forgive me if I’m posting my problem in the wrong arena: anyway, here goes! The theme of my site is “Catch Evolution”, and my header image should show a slide between a picture of some ‘Orchids’ and what looks like a contempative monk at study in a Tibetan style monastery.

    My problem is this, the header image has become “Stuck” on the image of the monk, and instead of if sliding out and the Orchids appearing in place of it, the picture of the monk has now become static.

    If anyone can tell me how I can gat the two images to alternate with each other again, I will be really grateful. To better undredstand what i’m trying to say, here is a link to my site, pasted below.

    Thanks in advance

    Thread Starter Osprey39

    (@osprey39)

    Teochter, are you using the Revolution Slider plug-in?

    I’m no expert myself but it appears your slider only has 1 image to choose from currently and that’s why it is not changing. If you are using Revolution Slider, you can click on Revolution Slider on your dashboard, select the correct slider from the list that comes up (if you only have one slider then it will be the only one listed) and click on the ‘edit slides’ button. That will bring up the slides that are being cycled through. See if your orchid slide is still there or if it got disabled somehow (there’s a little checkmark radio button by each slide that enables/disables them.)

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘IThemes Builder question regarding form overlay on a slider’ is closed to new replies.