Title: Copy “Menu section” image-button style Last modified: January 20, 2018 --- # Copy “Menu section” image-button style * Resolved [freatz](https://wordpress.org/support/users/freatz/) * (@freatz) * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/) * Hi! I’d like to use the image-buttons like the ones that appear in the cover page in the menu section. Is it possible to copy that format and place them as needed in other pages and include other pictures and texts? Can we also change their links? Thanks! Viewing 11 replies - 1 through 11 (of 11 total) * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9907273) * Hi, since you haven’t provided a link to the site, I looked at the [Canape demo site](https://canapedemo.wordpress.com/) and I’m not seeing what you are talking about. Can you explain a bit more what it is you are wanting, possibly referencing to the demo site, or if your site is public now, a link to it would be very helpful. * Thread Starter [freatz](https://wordpress.org/support/users/freatz/) * (@freatz) * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9907527) * Hi there! In the demo site there are the menu section images. They are 3 images that show a text when you hover the mouse on them. What I want to do is to use the hovering text to explain what you are looking at in the picture. That part is ok. What I don’t want is them linking to other place. I don’t want to use them as buttons nor links. * I’m sorry if I’m not explaining myself properly. English is not my mother language. * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9915059) * We can set it so that the cursor doesn’t switch to the hand cursor that denotes a link, and set pointer events to none, but the problems is that this CSS is a bit experimental, and some older browsers do not support it. For instance, only Internet Explorer 11 and later will work with this. This is the CSS that would be needed. * ``` #front-page-menu .menu-section-thumbnail { pointer-events: none; cursor: default; } ``` * Thread Starter [freatz](https://wordpress.org/support/users/freatz/) * (@freatz) * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9915953) * Hi! What about creating other images and using them instead? Would them look just like the original ones do? I mean, talking about how integrated they will look in relation with the other parts of the page? * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9919786) * I’m not sure I’m understanding. Are you talking about using different images in that menu section? The software will link to the Menu Item section set in the Theme Options will like to the Menu Item Sections that are set. If for each of those Menu Sections, you include a description, that will show up below the section title. Then if you don’t want them to be clickable, the above code would make it un-clickable for most browsers. * Thread Starter [freatz](https://wordpress.org/support/users/freatz/) * (@freatz) * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9924708) * Now I get it! Thank you very much!!! * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 3 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9927951) * You are welcome. * [ashleybnicole](https://wordpress.org/support/users/ashleybnicole/) * (@ashleybnicole) * [8 years, 2 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9971567) * Hey there, * I am looking to do exactly what [@freatz](https://wordpress.org/support/users/freatz/) was requesting. This theme is supposed to be a restaurant theme therefore it has a “Food Menu” section in the Dashboard. The theme offers to add three or less “Featured – Food Menu” option on the front page once you’re customizing the theme. * If you look at the Canape demo site, you will see that the three featured menu items are clickable images on the front page (DESSERTS · HORS D’ŒUVRE · MAINS)– I understand that the CSS code you created makes the images unclickable. Thank you for that, it’s great! * Now, is there any way to add additional “Featured Menu” items into other pages? Please advise. I would really love to be able to do this. * Thread Starter [freatz](https://wordpress.org/support/users/freatz/) * (@freatz) * [8 years, 2 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9972086) * Hi, [@ashleybnicole](https://wordpress.org/support/users/ashleybnicole/)! What I did was to use a Custom HTML widget and to create a code, like this: * ```
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
``` * I hope it works for you! * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 2 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9975003) * [@ashleybnicole](https://wordpress.org/support/users/ashleybnicole/), to add menu items on other pages, you would need to create a [Child Theme](https://codex.wordpress.org/Child_Themes) and then create an a [custom page template](https://developer.wordpress.org/themes/template-files-section/page-template-files/#creating-custom-page-templates-for-global-use) using php script and html. It would be quite a bit of work and require a working knowledge of php. If that doesn’t sound like something you want to undertake, you might consider posting on [https://jobs.wordpress.net/](https://jobs.wordpress.net/) to see if anyone is interested in doing that for you, and can give you an estimated cost. * [sacredpath](https://wordpress.org/support/users/sacredpath/) * (@sacredpath) * Automattic Happiness Engineer * [8 years, 2 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9975009) * You can give the solution [@freatz](https://wordpress.org/support/users/freatz/) gave above as an alternative. It is a clever way of doing it. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Copy “Menu section” image-button style’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/canape/1.0.6/screenshot.png) * Canape * [Support Threads](https://wordpress.org/support/theme/canape/) * [Active Topics](https://wordpress.org/support/theme/canape/active/) * [Unresolved Topics](https://wordpress.org/support/theme/canape/unresolved/) * [Reviews](https://wordpress.org/support/theme/canape/reviews/) ## Tags * [image](https://wordpress.org/support/topic-tag/image/) * [menu](https://wordpress.org/support/topic-tag/menu/) * [section](https://wordpress.org/support/topic-tag/section/) * [style](https://wordpress.org/support/topic-tag/style/) * 11 replies * 3 participants * Last reply from: [sacredpath](https://wordpress.org/support/users/sacredpath/) * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/copy-menu-section-image-button-style/#post-9975009) * Status: resolved