In default menu in JavaFX 2.*, menu tab is rounded. How to change it to rectangle shape?
I've tried with CSS but I cannot figure out which component to change.
Related
I am using mat drawer sidenav and content.
In the sidenav i have a button. the button should be above the sidenav and the content and between them.
I am not able to present the button above the two and it gets overwritten by them.Stackblitz
i do prefer not to change the css of the material warpper elements and focus on the button itself if it's possible.
position: fixed
to the button, solved the issue.
I've browsed all of the other questions on this topic and tried all of the sample code that was provided, but I still can't seem to get a fix after a few hours, so here I am.
I am trying to change the color of the selected menu page for my site's navigation. I am using the Astra theme, and Elementor Page builder. I went into WP customizer and made my selections for link color and link hover color, but it seems those changes only take effect when I am on the "Shop" page of my menu. The only difference I can see with the "Shop" menu text is it is a custom link, rather than the starter theme default link? Pictures attached to show what I am talking about.
Red orange color when "Home" is selected
When "Shop" is selected it takes my selected link color from my global color settings. This is the only one that appears to be doing what I asked of it in the UI
The rest of the menu text does the same thing "Home" does - it draws the red orange color from an unknown source, and I don't know what the color code is or where to find it.
I'm trying to either change the selected menu text color away from that red orange color to another custom color -- or keep all of the text as the grey color and make the menu text underlined when hovered over or selected. Issue is I can't seem to make a change consistent when navigating across the menu items. Help would be greatly appreciated!
Write a custom CSS property, use this CSS class for your menu.
Appearance - Customise - Custom CSS (Write your custom CSS here)
Appearance - Menus - Header/Main Menu
At the top of the page, you should the "Screen Option" menu... Click on it and enable(check) the CSS class box.
Now, click on your menu items and specify the CSS class to each menu items.
The default PrimeNG menubar includes a little down arrow next to every main menu title. I want to remove the down arrows completely from the top-level menu title. Nested sub-menus may display a right arrow to show there is a sub-menu, and those can stay. Here are some screenshots with default menubar:
https://www.primefaces.org/primeng/showcase/#/menubar
I can change the icons in the menu items easily, but can't find a handle to change/hide the arrows.
I'm using Angular CLI 9.1.8 and PrimeNG 9.1.0.
to hide it in style.css change its content like
.pi-caret-down::before{
content: "";
}
check in developer console inspect element font name then make its before css as content: "";
Using display:none has the added benefit of resizing the menuitem container to adjust for the removed arrow icon. Otherwise, you will be left with a blank space.
.pi-caret-down {
display:none;
}
I'm using the custom select menu (https://v4-alpha.getbootstrap.com/components/forms/#select-menu).
Now I want to change the arrows on the right.
I saw, that the class uses an background image to display the arrow.
But it's an strange url/svg...
Is there any way to change that image with an icon from a font?
Or at least with an other svg?
I have an iOS6 iPhone application, with a Tabbar and tabbar buttons. These buttons need icons and that's where the trouble starts. Added one icon to the project, double clicked on a button in the designer and associated the (questionmark) icon via the image combobox to the button. When I run the app on my iPhone, I do indeed see that the button now does indeed display a gradient-gray square, which turns into a gradient light-blue square, but the questionmark icon is not shown. The icon is a .png and the size is width 40, height 51. I changed nothing in the code.
I solved my problem to the extent that I can work with it: you need so called 'transparent icons'.