EmBee
Member-
Content Count
102 -
Joined
-
Last visited
-
Days Won
1
Everything posted by EmBee
-
Five: Changing banner height on different pages
EmBee replied to licnyguy's question in Coding and Customization
You can also change this on a per page basis by adding the code (You can change the height in pixels as is needed) in the page settings > Header Code Injection area like so: <style> #banner-area-wrapper { height: 100px } </style>- 14 replies
-
- five-template
- banner
-
(and 1 more)
Tagged with:
-
In the template you are using, you could try this code (changing colours if needed) #body { background: -webkit-linear-gradient(blue, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(blue, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(blue, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(blue, white); /* Standard syntax */ } This worked in the bedford template and maybe others: #siteWrapper { background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */ backgr
- 7 replies
-
- five-template
- color
-
(and 1 more)
Tagged with:
-
Is it possible to change the font style of a Summary Block heading?
EmBee replied to EmBee's question in Coding and Customization
This worked for me, add it to the Custom CSS Editor: .sqs-block-summary-v2 { .summary-title, .summary-heading { font-family: "whatever font"; font-size:15px } } You can add other font elements in there of course. Also found this code to made the “Extra large” text setting even larger – you can change the 20px to whichever size you need: .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-excerpt p { font-size: 20px; } -
Bedford: How to hide page description from website banner?
EmBee replied to remy1570047822's question in Coding and Customization
What you can also do if you want this to only target an individual page, is add it in that page setting > header code injection like so: <style> .desc-wrapper { display: none; } </style>- 8 replies
-
- banner
- description
-
(and 1 more)
Tagged with:
-
Wells: Control the Caption display position?
EmBee replied to shumana's question in Coding and Customization
Try this updated code, worked for me on Wells: .collection-type-gallery.hide-meta .meta { right: 0; left: 40px; width: auto; background: #fff; bottom: 30px; max-width: 230px; z-index: 9999; } -
Marquee: How do I make the logo bigger?
EmBee replied to tuckshop's question in Coding and Customization
I had this same issue with Wells. I added this code to the Custom CSS Editor: #logo .logo.image img { width: 400px; max-width: 600px; } -
Bedford: How can I increase the page width?
EmBee replied to gina171's question in Coding and Customization
The in-built max width is 1020px, so you could try something like this in the Custom CSS Editor: #page { max-width: 1300px } -
Turn off automatic hyphenation?
EmBee replied to mitch.bolton's question in Coding and Customization
You would first need to specify the mobile screen size you are targeting, and the element such as body text, site title or whichever element it's occurring with. It might look something like this for iPad: @media only screen and (max-width: 640px) { body { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } You would add this to the CSS Editor.