CSS image override for poplets?
Hi people, I have difficulties the substitution of a CSS property. I poplets where I want a shadow to contour and box, but I can't seem to override the default without border:
I use the stylesheet module:
.poplets {border: 1px solid #333! important;}
box-shadow: 2px 2px 2px #999! important;
/ * border-top: 1px solid #eee; * /
top of the margin: 36px;
Padding: 9px 0;
}
.poplets img, .poplets img {a}
border: 1px solid #333! important;
box-shadow: 2px 2px 2px #999! important;
}
http://Joden.BusinessCatalyst.com/ Click on the first image down to see the poplet area.
It's on line 1
IMG, an img {border: none ;}} and I can't replace it's only meant to be the default...
He had put things in your main styles css because it is overiding and is your primary CSS file - http://joden.businesscatalyst.com/css/style.css
Tags: Business Catalyst
Similar Questions
-
Share of liquid - correct but, syntax Poplets for poplet specific list?
Hello... I'm just starting to build a site using liquid and it would be great to see snippets of code for how others solve problems. I hope that the community is in place to share.
I worked on the creation of an image of poplet list:
< ul >
{% for poplet in poplets %}
< li > < img src = "{{poplet.path}}? Action = miniature & amp; Width = 1200 "alt =" {{custom4}} {{name}} "/ > < /li >
{% endfor %}
< /ul >
But can not find a way to get a table/list of specific poplets (so the watch poplet product list 1, poplet 2, then hover). I see done allusion to liquid for Designers · Shopify liquid Wiki · GitHub but don't know if Shopify liquid is exactly the same as liquid BC, so be it I can't understand it.
If anyone can share, it would be much appreciated.
Thank you
Paul
Hi Paul,.
I studied more this type of installation - unfortunately at the moment it is not possible to implement a full-fledged liquid powered product list. There are a few things missing (like the ability to get the URL of the catalogue - this not is not implemented immediately), some bugs that need to be sorted - the data types for query parameters create pagination for the products.
I've added to my to-do list, as soon as all the missing pieces are rejected or fixed, I'll write a tutorial.
Thank you
Mihai
-
I'm looking for a code to help me with css image zoom. I have a portfolio of the miniatures page... I would like to than the images to enlarge when hovered over. And, if possible, with a beautiful white shadow of border and drop can someone direct me to resources for this or guidance? I'm not a simple coder so much better! Thank you.
Use the tools below and correction of errors in validation of your code. Add a document type declaration (DTD) in your HTML pages. Without a DTD, pages make in Quirks mode, which can create unwanted surprises.
In DW Hit file > convert , and then select a type of document that corresponds to your coding skills - probably 4 HTML Transitional.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials HTML & CSS - http://w3schools.com/
I must mention that you have references to special scripts and stylesheets for IE4 and NN4. These obsolete browsers for several years now. You don't need anything like that in your web pages.
Finally, if I were you, I opened a new basic HTML document. Start working on your image on this page gallery problems. Validate the code. Present your menus and other content a little at a time, and then validate your code. It is much easier to fix a problem at a time instead of trying to solve all the problems at the same time.
Good luck
Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB
www.Alt-Web.blogspot.com -
Problems with CSS/Images accented export in CS4
Platform Windows, CS4, 10.03 Fireworks
I installed CSS/Images improved export stuff, but I can't seem to make it work for the following scenario.
I have a rectangle rounded with a drop shadow and a header at the top content area Central and bottom footer. This is my layout of the desired target. Very very basic.
- I have to draw the rounded rectangle using the antiderivative of r - r and give it a drop shadow.
- Cut the top of the page header - assigned as a bkgd image.
- Cut a small Center for my dynamic content section and assign it as bkgd is repeat.
- Cut the foot of page down, assign as a bkgd image.
- CSS export.
The resulting HTML code is not what I expect. No matter what I do, in the Middle, repeating the area seems they are assigned as the background for the external div that is generated for the rounded rectangle as you can see here in the capture of the HTML resulting in IE 8.
I follow the blogs on these techniques and this technique "tranche 3" is supposed to be supported and FW is supposed to understand what I'm trying to do, but I can't seem to make it work. Can you shed some light on it, or provide the steps to accomplish this quite simple example? I have attached the files PNG, HTML, and CSS resuting.
The article I am referencing in particular is located here: http://www.adobe.com/devnet/fireworks/articles/standards_compliant_design_03.html and is titled, create web designs with Fireworks CS4 standards.
Thank you
Bob
Try to use rounded rectangle and no rectangle tool and also to avoid the background transparent.
-
How can I manually change the images used for the new tab Page?
I turned off so the images are not cached for the new tab Page history and be reloaded Firefox is restarted. In addition, some of the sites I've pinned use HTTPS and do not allow their images to be cached.
Is it possible for me to put a custom image for each pinned site? A custom screenshot that is not in the cache or an icon to be any? Anything would be better than a box empty here.
Thank you
You can use the following extension to customize the image displayed for the tiles pinned, among other things.
-
Software, is drive Image, dangerous for XP?
Is the software Drive Image, harmful for your PC (latest version) XP system
ImgBurn is sure: http://www.imgburn.com/
You were talking about a different image recorder? Please say where you got it.
-
printing image mirror for the HPphotosmart 7525
Help!
I have a HP photosmart 7525 on a PC using windows 7... for the life of me I can not understand how to document & print (t-shirt) of him... Have tried everything I know and nothing works so far. any suggestions?
Hello
Its pilot, many do not support flip. Many software programs allow you to rotate the image before printing. Please check step #8 of the following article:
or try the following method (does not work on all printers):
http://support.HP.com/us-en/document/bpu02032
Kind regards.
-
I have some new imaging drum for my HP Color LaserJet 2800 all-in-one printer series, please tell me how to remove the old. Thank you.
See the link below:
http://h20564.www2.HP.com/hpsc/doc/public/display?docid=emr_na-c02850160
-
I try to add an image map for the first time using Dreamweaver CC
I am trying to add an image map for the first time using Dreamweaver CC in an html site.
I can get map controls is displayed when I select the image in the code, and I can select the rectangle tool.
However, when I try to select the area of the image disappears from the section of the map of the properties viewer and I can't select the area for my hyperlink.
What I am I missing videos online are it seems so simple, but something with my page is not allowing me to withdraw this.
This is the code section and the image that I'm trying to add the link.
< side class = "sidebar" >
< img src = "images/flowchart.jpg" alt ="product dev. Flowchart">
< / side >
Please help or give me any advice... There might be something to do with the fact that my site is "sensitive"?
Hello
You could just add links to each box, but a better solution would be to use svg for this. Unfortunately, it is easier for me to write for someone who does not know svg to do.
If you have Adobe Illustrator create your svg using this program, then it would be a case to add links manually to each box created in the svg code. SVG is an xml-based language and not a real image, even if this is how a browser will display the it.
PZ
-
Using Acrobat Pro and what impression on network printer it prints very slow. I have found that if we choose to print the image works fine. But how do I print as image remains for all of my PDF files. I have to choose every time now and that is not always known.
Hi jeans37547790,
Please do mention it below as follows to change the settings:
Open Acrobat > click file > print > click on advanced > and check the box that says "Print as Image".
Here is the screenshot:
Let us know if you face any problem.
Thank you!
Shivam
-
How much time am I able to get my images licensed for download?
How much time am I able to get my images licensed for download? And where can I download it go?
You should have access immediately. Take a look in your download history, and it must be registered.
-
promotion of 10 free images also for me living in the Portugal?
promotion of 10 free images also for me living in the Portugal?
If I have to cancel within 30 days will also get a refund for the first month so I don't pay subscription while he lived in portugal?
Hello
Yes, the promotion is available to customers in the Portugal.
Your first month will be reimbursed and you can cancel without in the first month - Royalty free images, photos, and graphics risk | Adobe Stock
Thank you
Bev
-
How to check the image source for the image which is losted?
Hello world
How to check the image source for the image which is losted?
If the image source already exists, I can read the PlaceItem.file.fsName.
But if remove the image of the source, read the PlaceItem.file.fsName will report the error: there is no file associated with this element
Thank you
If (app.documents.length > 0) {}
var sourceDoc = app.activeDocument;
sourceName = sourceDoc.name var;
artItem =]
for (i = 0; i < sourceDoc.pageItems.length; i ++) {}
artItem [i] = sourceDoc.pageItems [i];
If (.) TypeName artItem [i] == 'PlacedItem') {}
If (.imageColorSpace [i] artItem == undefined) {}
Alert ("the file is the link, but I don't know whether or not the source image is losted");
}
}
}
}
Use try/catch to catch the error
if (app.documents.length > 0) { var sourceDoc = app.activeDocument; var sourceName = sourceDoc.name; artItem = [] for (i = 0; i < sourceDoc.pageItems.length; i++) { artItem[i] = sourceDoc.pageItems[i]; if (artItem[i].typename == 'PlacedItem') { if (artItem[i].imageColorSpace == undefined) { try { var fname = artItem[i].file.name; alert("file name: " + fname); } catch (e) { alert("The file is linking ,but source image is lost"); } } } } }
-
I have 10 images available for download. How to download these?
In stock adobe, I have 10 images available for free download, but I can't work out how to display these and upload them. Any help would be greatly appreciated. Thanks again
Hello
You are allocated credits image you can select any pictures that you like.
Image credits are allocated to your team account so please make sure that you select that account rather than staff.
You can search for images that are of interest and get a glimpse of the delicate versions before you download a licensed version.
Check the answers for Brad & Sheena for more information.
Thank you
Bev
-
Icon image key for lack of "scale".
Hello!
I do not see any icon image key for the 'ladder' in first CC 2015 effect.
There is such an icon for 'opacity' and 'speed', but not for other effects, it's the most strange and rather annoying thing.
Someone knows how to fix this or in any other way apply keyframes? Thank you.
Opacity/Timeremapping are blue, which means that by default on.
All movement parameters are not.
Maybe you are looking for
-
Under Tools > Options > tab personal life, until recently, there was a cookies button allowing you to type in a list the URLS of specific tracking cookies that you want to block. If all antivirus scans are all these cookies, I could add to the list.
-
Product name: HP OfficeJet Pro 6830Operating system: Microsoft Windows 7 (32 bit)Get an OfficeJet after another, as it is the only design that fits into my office at home on many levels.This is all new to me is so frustrating me.The power saving mode
-
How do I delete emails in the scan to address book so I can add new?
I currently have the email set up the fine. But when I scan a document and you want to send by email, there are already addresses in the address book which A) I don't want and can't remove, B) I can't add new ones constantly. When I try to add new,
-
Update__Microsoft ISATAP adapter #5 is available message
"After boot, there is a message' Update__Microsoft ISATAP adapter #5 is available".__I click the update, and then a message"Update/Installation not successful ' poped upward. I have two questions: 1. What is Microsoft ISATAP adapter #5? 2. How do ins
-
BlackBerry Smartphones reference of outgoing emails
Lately, I get a notice that cannot be emailed. I get the Red clock and X icons. I have to press send at least 3 to 4 times before the message is finally sent. What could be the problem. It is inside the House as outside.