I work for a company and have taken over responsibility for maintaining the website. The company hired an outside agency to create its website. They used Wordpress and templates. I'm used to coding with things like Divi...I'm not 100% sure how to manipulate their work.
http://comfortcarehomehealth.com. We have a fly out on the right hand side that says "Contact". It used to house a form that wasn't directing correctly so I deleted the form. However, I have no idea how to delete this little "contact" piece. I've searched within the Wordpress theme customizer and attempted to find it in the editor but I don't really know what I'm looking for. I'm not a coder so...
How do I get rid of the "contact" fly out completely?
I can find it in the view source:
<div class="cover" data-img="https://comfortcarehomehealth.com/wp-content/uploads/2015/09/CC_Vol2_1440x620_HIRES1.jpg">
<div class="help">
<div class="container">
<a href="#" class="button-open">
<i></i>
<span>Contact</span>
</a>
<div class="form">
<div class="header">How can we help you?</div>
</div>
Any help is much appreciated!!
Related
I'm trying to add (Download on The App Store) buttons (for both the app store and google play) in my nopcommerce website footer.
Any idea on how I can get it done?
Like This One
I'm not sure if any plugin is available for your requirement. But I can give you a reference to modify your code.
Go to: Presentation > Nop.Web > Views > Shared > Components > Footer > Default.cshtml
After the div <div class="footer-block follow-us"> add your code:
<div class="footer-block information">
<div class="social">
<div class="title">
<strong>Download it from</strong>
</div>
<img src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" width="140" height="auto" />
</div>
</div>
It will display as below, also you can add for app store.
Perhaps, you can create a separate partial view and use here; that'd be the best practice instead displayed here.
Also, I'm not good in css, so didn't make much effort.
This is a real rookie question. Apologies in advance.
I am looking to change the following blog page from 3 columns to 2 columns.
https://www.marriedin.co.uk/wedding-hacks
I have been viewing source in the inspector in Chrome. My thinking was that I could simply edit the following:
<div class="blog-archive blog-archive--grid" data-columns="2">
This may not work but this is what I planned to try. My problem is that I do not know which file this would be in when I access the site through an SFTP client. Is there any way to work this out from the inspector?
Thanks very much
Hey there may be a simple way in your Theme Options to change this to two columns but in case it isn't you could edit the template files. Your blog template is most likely under archive.php or index.php in your theme folder.. although you should have a look at here if you should have trouble locating the file to edit.
Somewhere in the blog template file these divs are being generated which you can see when you inspect your site.
<div class="col-md-4"> </div>
<div class="col-md-4"> </div>
<div class="col-md-4"> </div>
These are bootstrap elements that make 3 columns. Take a look here if you are not familiar with bootstrap.
To make it 2 columns like you want, change the "col-md-4" classes to "col-md-6".
That should do the trick, hope it helps.
I'm trying to get the Gumby.js library to work with Meteor, but cant get it to work.
I've tried both installing it manually in /client/lib folder and using 'mrt add gumby'.
The CSS part seems to work pretty fine with the grid working perfectly, but the JS modules dont work.
I'm setting a responsive Navbar just like this
<template name="nav">
<div class="row navbar centered" id="nav1">
<!-- Toggle for mobile navigation, targeting the <ul> -->
<a id="nav-toggle" class="toggle" gumby-trigger="#nav-ul" href="#"><i class="icon-menu"></i></a>
<ul id="nav-ul" class="eight columns">
<li>Quienes somos</li>
<li>Marcas</li>
<li>Servicios</li>
<li>Laboratorios</li>
<li>Contacto</li>
<li>Otros</li>
</ul>
</div>
</template>
but the menu just does not popup on mobile width. And other modules like Folders and skip dont work at all when defined.
you can see a sample here
any idea on how to get it up and running?
Not sure about the real situation, because the js files are packed in the website and it's hard for me to tell from the source code. However, there is some clue you may find useful.
I assume you want to run the js script after the template is rendered. In this case, you need to write like this.
Template.nav.rendered = function() {
// Run the js to render the dropdown or whatever.
}
This is the Meteor programming paradigm. If you simply run the js files directly, the template may not be ready when you run that part of the code. The "rendered" callback is the place you need to place some actions after this template is ready.
In addition, you can refer the official document here http://docs.meteor.com/#template_rendered
Can an experienced MS Visual Web Developer please give some guidance(links welcome as well) on how best to set out content sections in masterpages.
The microsoft documentation shows (here)creating masterpages using tables. However it is my understanding that the use of tables is not really good practise, somewhat frowned upon.
I have got a masterpage but on my subsequent derived pages I am struggling to get content on to the content area without using a table in the code.
I know this is very basic but it isn't defined very well and I am more used to the direct drag and drop of windows forms.
You might want to check this tutorial out:
http://www.asp.net/web-forms/tutorials/master-pages/creating-a-site-wide-layout-using-master-pages-cs.
They don't use a table element, but div elements & some css.
I think this has more to do with web design skills than being expert in Visual Studio master page. MasterPage only allows you define regions to put stuffs, the design is up to you, tables or div.
You can even get well designed templates from the web, paste the markup in your MasterPage file and fill in the ContentPlaceHolder tags where you want stuffs to be e.g. SideBar, Navigation Menu, MainContent, Footer, etc.
<div id="header">
some header content here
</div>
<div id="layout">
<div id="leftsidebar"></div>
<div id="maincontent">
<!-- Content Pages will go here -->
<asp:ContentPlaceHolder runat="server" ID="MainContent">
</asp:ContentPlaceHolder>
</div>
</div>
<div id="footer">
some footer content here
</div>
That's just a sample. It can be more beautiful, complex, slick etc. than that. It depends on your skill as a web designer
I have seen loads of questions about images not showing but mine seems to be intermittent, Often the image does not appear on the first page view but will be there following a refresh. I am using a JQuery plugin to pop some text up on an image hover.
Here is an HTML snippet (I actually have three images but have added only one here):
<div class="container_24 spacing-bot">
<ul id="topGallery" class="image-overlay">
<li>
<a href="#Url.Action("Index", "Wedding")">
<img src="#Url.Content("~/content/images/photos/image_one.png")" width="290" height="433" alt="Image One."/>
<div class="caption">
<h3>Heading One</h3>
<p>Pop up comment one.</p>
</div>
</a>
</li>
</ul>
The JQuery code at the botton of the page is:
$("#topGallery")
.ImageOverlay({
border_color: "#000",
overlay_color: "#0545F5",
overlay_origin: "bottom",
overlay_text_color: "#fff",
overlay_speed: 'fast',
overlay_speed_out : 'slow' });
The images display every time on my development machine but not on the production server. I checked the page with Firebug and the images seem to be coming down. Often when I refresh the page or go back to it from somewhere else, the images appear as normal. Sometimes one or two of the images will appear fine but the other wont.
Any assistance would be appreciated - this one is driving me loopy!
Thanks for the suggestion. I removed all the jQuery stuff and the images appeared every time.
I carried on researching this and found someone else who had the same problem. They resolved it by putting the jQuery code into the window.load function and this appears to have fixed my problem too.
I assume there is some code in the constructor for this plugin that sets the visibility of the images and this was failing if the images were not loaded at the time. This probably also explains why it would often work after a refresh or when returning to the page as the images were cached.
Thanks again.