Support Forum - Topic: Insert Images in Mega Menu

Support Forum - Topic: Insert Images in Mega Menu http://www.kriesi.at/support/topic/insert-images-in-mega-menu Support Forum - Topic: Insert Images in Mega Menu en-US Thu, 20 Jun 2013 07:29:25 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96387 Tue, 12 Feb 2013 16:21:37 +0000 Devin 96387@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96292 Tue, 12 Feb 2013 06:41:21 +0000 ryanchris 96292@http://www.kriesi.at/support/ Cannot tell you how much I just learned. Thank you Devin for haning in there with me! Devin on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96182 Mon, 11 Feb 2013 15:06:01 +0000 Devin 96182@http://www.kriesi.at/support/ Hi Ryan, If you are adding css to the Quick CSS field in the Styling tab, you just add it to that field and save. For the custom.css file, you need to connect to your host via FTP and then navigate to the css folder in the theme files. Inside that will be the custom.css file where you can add in the css. You will probably need to download the file, add css, then re-upload it to the same location and overwriting the file on the server. Regards, Devin ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96099 Mon, 11 Feb 2013 05:12:06 +0000 ryanchris 96099@http://www.kriesi.at/support/ I'm learning how to add code....it looks like the CSS/Custom CSS is in the abundance zip folder that came with the theme. I'm assuming that is where I add the code - it opens in notepad - how do I add the code and then get that to upload to the actual theme? Thanks again - newby here.... Dude on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96052 Sun, 10 Feb 2013 14:10:21 +0000 Dude 96052@http://www.kriesi.at/support/ You can center the headline text with following css code (add it to css/custom.css): <pre><code>#top .main_menu .avia_mega h1, #top .main_menu .avia_mega h2, #top .main_menu .avia_mega h3, #top .main_menu .avia_mega h4, #top .main_menu .avia_mega h5, #top .main_menu .avia_mega h6{ text-align: center; }</code></pre> ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-96013 Sun, 10 Feb 2013 04:27:04 +0000 ryanchris 96013@http://www.kriesi.at/support/ That worked great and things are coming along nicely. Is there a trick to getting the images that I have set up in the mega menu drop downs to be centered over the text? Check out <a href="http://www.bulkpatchcables.com/" rel="nofollow">http://www.bulkpatchcables.com/</a> and hover over menu item Cat5e Patch Cables.... Thanks! You guys have been amazing - seriously. Devin on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95863 Fri, 08 Feb 2013 16:24:31 +0000 Devin 95863@http://www.kriesi.at/support/ You can either add it just under that code with a paragraph tag or probably just plain text. So: <pre><code><a href="http://www.bulkpatchcables.com"><img src="http://www.bulkpatchcables.com/wp-content/uploads/2011/10/Patch-Cable-red.jpg" /></a> Buy these things</code></pre> Regards, Devin ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95790 Fri, 08 Feb 2013 07:07:02 +0000 ryanchris 95790@http://www.kriesi.at/support/ Sorry guys - was way over thinking that one! Last question on this - how do I add text underneath the picture (or over, or thru - whichever would be fine) to label the picture - according to the page that it will link to.... Devin on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95749 Thu, 07 Feb 2013 21:11:13 +0000 Devin 95749@http://www.kriesi.at/support/ You just need the url for the image. Where you have them stored, in any folder on your domain or another domain. So if you are uploading files to your host via FTP you just need to use the url's for those files, wherever you have uploaded them. If you are not already using and FTP program and you were thinking about files located on your computer, you need to first upload those to either wordpress or your host (again via ftp with your host). In wordpress, you can upload photos from the Media section of the wordpress admin. When you upload them, you can then select them and copy the URL for where they get stored. ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95716 Thu, 07 Feb 2013 16:14:58 +0000 ryanchris 95716@http://www.kriesi.at/support/ I see that the image URL came from right clicking and copying the URL. I guess what I am asking is what if I want to use images that are in "My Photos" or in the library that are not already placed in the site somewhere - as was the example you provided? Thanks in advance! ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95715 Thu, 07 Feb 2013 16:11:53 +0000 ryanchris 95715@http://www.kriesi.at/support/ Where did you get the source for that photo? I have a bunch of pictures in the library files. Can I use those - what would the source be for that? Sorry - I'll get it just new to it. Devin on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95680 Thu, 07 Feb 2013 13:29:01 +0000 Devin 95680@http://www.kriesi.at/support/ Hi Ryan, The image source is the location on the internet where the image is located. You can use an absolute url like this: <pre><code><a href="http://www.bulkpatchcables.com"><img src="http://www.bulkpatchcables.com/wp-content/uploads/2011/10/Patch-Cable-red.jpg"></a></code></pre> Regards, Devin ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95619 Thu, 07 Feb 2013 07:21:09 +0000 ryanchris 95619@http://www.kriesi.at/support/ Or in this one - either way - I found the code in the forum....just not sure how to apply it correctly.... ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95616 Thu, 07 Feb 2013 07:20:19 +0000 ryanchris 95616@http://www.kriesi.at/support/ html code did not show up in the previous post a href="http://www.yoursite.com" ><img src="http://www.yoursite.com/yourimage.jpg" /></a ryanchris on "Insert Images in Mega Menu" http://www.kriesi.at/support/topic/insert-images-in-mega-menu#post-95606 Thu, 07 Feb 2013 07:05:14 +0000 ryanchris 95606@http://www.kriesi.at/support/ Hi there. I am trying to insert images and text into my mega menus - take a look at <a href="http://www.bulkpatchcables.com/frontpage/." rel="nofollow">http://www.bulkpatchcables.com/frontpage/.</a>. I'd like to keep the text with a small photo above the text in the mega menus. I have this source code from reading a previous post <code><a href="http://www.yoursite.com"><img src="http://www.yoursite.com/yourimage.jpg" /></a></code> I am not a coder and not sure where the data for the photo I want to add is located. I have several photos in my library... Also - I am assuming that where it says yoursite.com I insert my URL's.....but where do I find the info for the image src? Thanks! Ryan