Hi,
I’m pretty certain that Ismael means that this code in the pastebin is the class, or function, from the “class-framework-widgets.php” and need to be placed in your child theme functions.php, and then you need to make the changes that he suggested.

Best regards,
Mike

Hey arnacampbell,
Welcome and thanks for choosing Enfold, lets take a look at your questions…
HEADER:
– I’d like the phone number in the header with the social icons.
To move the phone & social I adjusted at to Enfold Theme Options > Header > Extra Elements > Header Social Icons:

– I’d like a button on the left, just like https://www.campbellhillsguestranch.com
To create this button I added this css to your Enfold Theme Options > General Styling > Quick CSS field:

@media only screen and (min-width: 767px) { 
a.res-button,a.res-button:visited {
    display: inline-block;
    font: 400 16px/32px 'EB Garamond',"Times New Roman",Georgia,serif;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin: 0 auto;
    min-width: 24px;
    letter-spacing: .05em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed #33270E;
    background-image: url(//static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG-light.jpg);
    background-repeat: repeat-x;
    background-position: left center;
    float: left !important;
    left: 10px;
    top: 60px;
    position: absolute;
    transition: transform .3s,box-shadow .3s;
}
}

*note you will need to adjust the image url when you remove the other theme.
Then a added this button code to Enfold Theme Options > Header > Extra Elements > Phone Number or small info text:

<a class="res-button" href="https://www.campbellhillsguestranch.com/site/guest-ranch-vacations/rates-and-availability.html">Reservations</a>

– Can the drop down menu have the same background as the header? With white text?
To add the background-image to your sub-menu, I added this css:

.header_color .main_menu ul ul {background: #e4d7bf url(https://static.campbellhillsguestranch.com/themes/CampBell17/images/layout/leatherBG.jpg) no-repeat right top !important;}

.header_color .main_menu ul ul.sub-menu li a { background: transparent; }

.header_color .main_menu ul ul.sub-menu li a:hover { background-color:rgba(250,250,250,0.3)!important;}

*again adjust the image url
– Rope separator with drop shadow (same as https://www.campbellhillsguestranch.com). At the moment, I’ve just attached the rope to the background header image but it leaves a space. I’d like it to overlap.
I added the box-shadow to your header image:

.header_color .header_bg {
box-shadow: 0 4px 10px 2px rgba(0,0,0,.4);
}

It still isn’t overlapping correctly, but I will have to research this some more.
So other than the overlap, please check these before we move on to the next section.

Best regards,
Mike

Hi,
Please try adding this css to WordPress > Customize > Additional CSS:

.html_elegant-blog #top.page-id-3296 .entry-content-wrapper .big-preview.single-big {
    margin-top: 20px !important; 
}

#top.page-id-3296 h1.post-title.entry-title a {
    font-size: 38px !important;
    color: #70a874 !important;
}

The top rule is the current top margin between the title and image, please adjust to suit.
The second rule is the current font-size for the title, with the color of your button added, please adjust to suit.

Best regards,
Mike

Hi,
Ich sehe, dass Sie Enfold v4.1.2 verwenden, das dieses Problem hatte. Bitte aktualisiere auf v4.2.6.
Versuchen Sie, manuell über FTP zu aktualisieren: https://vimeo.com/67209750
Bitte beachten Sie, dass Sie den Theme-Ordner “enfold” entfernen sollten, bevor Sie den neuen Ordner hinzufügen, damit alte Dateien nicht zurückbleiben.

I see that you are using Enfold v4.1.2, which had this issue. Please update to v4.2.6.
Try to update manually via FTP: https://vimeo.com/67209750
Please note that you should remove the theme folder “enfold” before adding the new one, so old files are not left behind.

Best regards,
Mike

Hey goosgrafisch,
To remove the white area above and below your MasterSlider, please try this css in your WordPress > Customize > Additional CSS

#top.home main.content {
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
}

Best regards,
Mike

Hi,
Thank you for using Enfold.

Best regards,
Mike

Hey Marcus,
I believe this is a DNS and host records issue, please ask your webhost or domain register to assist, as they have more experience with this.

Best regards,
Mike

Hey premierepc,
Please try disabling all of your plugins. If that resolves the issue, reactivate each one individually until you find the cause.

Best regards,
Mike

Hey Laura,
Please include the url to the page in question so we can take a closer look and assist with custom css.

Best regards,
Mike

Hey wacky32,
We believe so, the issue so far has been to make the theme backward compatible with older PHP versions.

Best regards,
Mike

Hi,

@wacky32 Please open a new thread so we can assist, we will want communicate in the Private Content area, such as your URL & admin login, but as this is not your thread your info will not be private. Thanks for your patience and understanding.
In your new thread please provide admin login info and detail your issue.

I have viewed your site and it seems to be loading fine, right now, Please include admin login so we can see the issue.

Best regards,
Mike

Hi,
Glad we could help, Please let us know if you would like further assistance, or if we should close this thread.

Best regards,
Mike

Hi,
Please try changing the code in your code block in the two places that “test-popup” are, the link & the ID:

<a href="#test-popup" 
<div id="test-popup" 

they both must match, notice one has the # and the other don’t

Best regards,
Mike

Hi,
I adjusted your css to this:

/* single product sidebar left */
.single-product-main-image {
    width: 25%;
}
.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: right;
    margin-right: 5%;
}
.single-product-main-image {
	float: right;
	margin-right: 0px !important; 
}
.single-product .sidebar {
    width: 25%;
	 float: left;
	border-left-style: none !important; 
    border-left-width: 0px !important; 
}
.single-product .inner_sidebar {
    margin-left: 0px !important; 
	margin-right: 50px !important; 
}

Please check.
For future readers, this was the function to create a single product sidebar:

// single product sidebar
add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
}

function avia_close_image_div() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

Best regards,
Mike

Hi,
You can add the links to the pages in this thread, as it will be for the same solution. We won’t need to login.
I will describe the steps for anyone to follow along.

1: Using the browser inspector, or developer tools, select the form and right click for the “Edit as HTML” option.

2: Then copy all the HTML for the form and paste in a plain text editor, such Sublime Text, NotePad++, Geany, etc.

3: Then move the last form element, the submit button, to the top of the others, and add “inline” to the classes, and paste the modified code into a “code block” element on your page.

4: Then use this css to make a inline contact form with the button first instead of last:

#top .avia_ajax_form .form_element_fourth.inline {
    width: 23.4%!important; 
    margin-right: 0 !important; 
}

Best regards,
Mike