Community Forums › Forums › Archived Forums › Design Tips and Tricks › Search widget to right of News Pro header
Tagged: www.leaseholdknowledge.com
- This topic has 5 replies, 2 voices, and was last updated 9 years, 6 months ago by noah.
-
AuthorPosts
-
September 5, 2014 at 10:51 am #122948noahParticipant
I am trying to place a search widget to the right of my header here
http://www.leaseholdknowledge.com
But placing one means the header does not fit and the three works stack vertically.
Any idea how I can place this search box while leaving the header as one line as it is?
Thanks
http://www.leaseholdknowledge.comSeptember 5, 2014 at 1:21 pm #122968Brad DaltonParticipantReduce the size of the search input or the width of the header right widget
.site-header .widget-area { float: right; padding-right: 40px; padding-right: 4rem; text-align: right; width: 300px; }
September 5, 2014 at 1:43 pm #122979noahParticipantHi Brad,
Thanks for that and for the earlier comment on trying to change a very simple css on sidebar widgets.
Nothing is working. I think I could probably delete the entire css file on my site and it will have no effect for some hours ....
The reason is I am using W3 Total Cache and Amazon Cloudfront. No changes are showing from three hours ago.
It took 15 minutes for Chrome / Firefox to register that I had deleted a widget! (I use Safari, which did register the change instantaneously.)
I don't know how you edit css in these circumstances. I must wait until the morning to see whether the changes have taken place, and possibly 24 hours? Switch off W3 Total Cache? Purge Cloudfront cache, which I am looking at at the moment?
For all I know, the changes to my sidebar css worked two hours ago.
I placed a search widget in my header which will knock out the header making it stack over three decks. But that won't happen for 15 minutes or so.
When I can see the widget in Firefox, I will identify where to place your suggested css.
I will place it and then go to bed and see whether it has worked by the morning.
Is this ... er, normal?
September 5, 2014 at 3:17 pm #122995Brad DaltonParticipantAll code i have provided is tested and works but caching is out of my hands.
Why don't you disable W3 total cache?
September 5, 2014 at 5:07 pm #122997noahParticipantHi Brad,
I have disabled W3 Total Cache.
Predictably, the code provided did not work straight off. (I suspect I need also to reduce header width.)
I will leave W3 switched off until morning. If the css has not taken by then, I will have to remove.
I do not know why caching, and the almost impossibility of seeing css changes in a reasonable time-frame is not more of a concern on this site and elsewhere.
I suspect the issue is Cloudfront, as I managed css changes five months ago. Now apparently impossible.
Playing with code, if it is not the primary purpose of your site, is an horrific thief of time.
September 5, 2014 at 6:09 pm #123003noahParticipantOK, I bottled out of this and stopped ALL attempts to edit the css. Keeping the site active and looking reasonable is the priority.
If you are using a CDN it is not to be done unless you set aside a period when you can disable the CDN and sort the appearance of the site.
For me, this means no search widget by the header and living with too much space between the widgets in the sidebar.
At some point – possibly the spring – I will have another go, but MINIMAL changes to the site with an active CDN seem not to be possible. Or, they are possible but the changes will only be visible <24 hours.
Or, you can delete the Cloudfront setting, make the changes and start again. With the site working nicely, and a lot of traffic, that is not an attractive option.
Here is a good string from the WP Codex: http://wordpress.org/support/topic/plugin-w3-total-cache-editing-css-and-syncing-cdn-files?replies=8.
Brad, thank you for the coding tips.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.