Change position of logo and search box in Magento 2 luma theme? - magento2

In Magento 2 I want to put the search box on the left side and the logo in the center on the Luma theme.
XML and CSS is fine changes are fine.
I have tried all the recommended solutions I found, but they screw up the responsive theme with CSS change only.
I also tried moving the block:
<move element="block.search" destination="header-wrapper" before="logo" />
Then changed the float to left for the search box.
But that did nothing. The search box is still right of the logo.

Related

Customize page-header area default theme in Moodle

I am using the default Boost theme and want to add some text beside the logo in the page-header section.
I have tried doing so in the Additional HTML in Within HEAD, but does not add the text in that area.
I am on version 3.6.3
The HEAD is before the BODY in HTML so isn't displayed.
You could add the text to "When BODY is opened" (additionalhtmltopofbody)
Via Site admin > Appearance > Additional HTML
Or direct to /admin/settings.php?section=additionalhtml
Anything you enter there will be displayed at the top of the page.

Edit black space on Github Pages dinky theme

I made a website using GitHub pages and chose this theme called "Dinky Theme"
https://github.com/pages-themes/dinky
I like the layout and color but when I finished building the website, there was too many black space on the both end (left & right).
Is there any way I could edit it so that there is less space on both left and right?
thank you

Is it possible to change the color of dash-lines in jstree

Im using jstree with a dark background, so I wonder how can I change the color of dash-lines(not sure if I call it correctly) between each node. Is it possible with CSS?
As I checked, it seems the dash-lines coming from 32px.png file.
BR
Nima
You will have to edit the 32px.png file to change the dotted line color. I did this for my dark-background web page and it looks much better. I edited the png file with Photoshop Elements and used the "Enhance| Adjust Color| Replace Color" menu to change the black color to a lighter grey by moving the Lightness slider. I also changed the interior color of the selected arrows. Once done editing, save a copy of the original and then replace the file in your CSS themes folder where style.css is.
I can't attach my copy of 32px.png, but here's how to make the change in Photoshop Elements. Other photo editors likely have the same functionality.
Replace Color in Photoshop Elements – Instructions
You can use Bootstrap themed JSTree.
Check out link: enter link description here
with CSS is not posible.

Form field not visible in IE8

I'm working on a website template and Internet Explorer is giving me a headache since I'm unable to display the search form field and button correctly. z-index in CSS is not doing much either.
By the way, how can I move the input area after the loupe icon?
Check the website here:
http://gabrielmeono.com/yonature/
Chrome:
In IE8:
Three things:
IE8 does not support border-radius, which is being applied to that field.
Your CSS references a file that's missing, border-radius.htc which is for adding rounded corners in "all major browsers other than IE."
You should be able to add a left padding value on the field to force the text further to the right. It may be safer to make a white, rounded container and position the search button and text field within it.
Edit: I was wrong; the border-radius (curved-corner) file should work for IE6-8.

How do I prevent a font from extending off the top of a textbox?

I'm using a barcode font (IDAutomationMC39H) in an SSRS 2005 report I'm developing, and while it renders fine in the preview in BIDS, if I export the results to PDF, print the results, or do any of the above (including preview) in Report Manager, the barcode font is extending off the top of the textbox. The barcode itself is nearly 20px tall, even at only a 12pt size. I've tried changing the CanGrow value for the textbox, but it seems that even with that set off the barcode isn't pushing the bottom edge of the textbox downwards, it's simply extending over the top of the box. I've also tried resizing the textbox to allow it to contain the entire height of the font, but even with the VerticalAlign set to Bottom the barcode still sticks to the top of the textbox and overflows out the top.
See screenshot here:
http://imgur.com/JDC4Z.png
Does anyone know how to force the font to be bound by the top of the box, instead of overlapping it?
I tried with no real success to get font-based barcoding to work. Ended up getting the boss to pay for NeoDynamic BarCode Professional which works great and has a lot more flexibility than fonts.