Where exactly can I modify the style for things like buttons on the product page?
The specific problem I am having is that the add-to-cart button is inheriting black font, so that it’s illegible with the black background.
For every style modification you can refer the style.css of your skin/frontend/package/theme folder.
Use firebug plugin with firefox to check the line number and required styling for any perticular object.
About your add-to-cart button : you can give color background the span element inside the button tag.
Hope that helps.
Related
I have a problem with a validation error to http://www.tsiapos.gr/ (Joomla 3.9.10 - yootheme template0
https://wave.webaim.org/report#/https://tsiapos.gr/
which is related to empty link in "offcanvas"
I don't know where to find the code and how to fix it. Thank you.
That looks like your menu button which is only visible in responsive mode. If I increase my font size or run on mobile, then I see it.
There are two problems with the menu button. The first is that it doesn't have a label that a screen reader can announce. That's the error that WAVE is pointing out. You can fix that by adding an aria-label to your link.
The second problem that WAVE didn't find is that the "state" of your menu (expanded or collapsed) also needs to be conveyed. You do that with aria-expanded. Set the value to "false" when the menu is closed and "true" when the menu is open.
And if you want to get picky, there's a third problem that you're using a link instead of a button. A link should be used for navigation, opening a new page, not for an "action". I'd recommend changing your menu to a <button>.
If you want to use an <a> then you should add role="button" and make sure the space key can be used to select the link. By default, links only allow the enter to select them but a button allows both space and enter.
Drupal 8.5.3
I want to display some images in a Views Block in a grid format and without the image title being shown. This is not working and the title is always displayed.
I have created a content type for the images with just the required title field and the image field and I have deleted the body field.
I have set the image label to hidden or "visually hidden" in the content view mode in the "Manage Display" tab for both default and teaser. The label seems to affect only the name of the content type itself not the image title.
I have set the view grid to display only teasers.
I have run drush cr multiple times.
The image titles still show up in the view.I can find no way to turn them off there. However the tile is not displayed in the default view mode on the node page itself. Which ironically is where I want it!
Figured out how to do exclude node tiles from display. You have to use a contrib module such as the appropriately named Exclude Node Title
Can anyone please guide me on how do I create a photobox that contains image and I wanted to display that image on landing page.
I have used panel to create landing pages for my website. I need to create 7 different layout for my website.
I am new to Drupal. Any help will be appreciated.
I have created specific image style for my image box by going into "Configuration -> Image Styles.
I have created Content Types for image.
For example lets say, Content type is: "Top Left Image".
I have defined fields called "Image Name" and "Image" into "Top Left Image".
Then I have created one view called " Top Left Imagebox".
In view, I have defined fields called Content: Image.
Formatter: Image
Image Style: Selected specific image style.
Link Image to: Nothing
I have used Rewrite Rule to make a view that displays image or video filed if present.
No Results Behavior: [field_image]
Checked - Hide rewriting if empty
Checked Rewrite the output of this field.
I have defined this view into my Landing Panel Page. But, somehow image is not displaying into the browser.
Thanks for Help!!
It can be because your ad blocker block your images. Anything that comes with names like 'ad' will be blocked be ad blocker browser add-ons.
Try switching it off if you have any enabled.
This is my best guess if you have your images in your view & you have added that view into your panel page.
I have ckeditor installed and am using this as the default editor in zen cart when adding products. For just about every product I have an iframe which displays the products external page. Every time I add an iframe I have to set the width, height, alignment, scroll bars and border.
My question is: is there a way that I can configure ckeditor so that I can set defaults for these values?
If you add the iframe through a dialog box from ckeditor, they provide a great article on setting default values here: http://docs.cksource.com/CKEditor_3.x/Howto/Default_Field_Values
How to make some of article when I click readmore the paragraph not show
to the bottom but to the right side...
Here's the illustration screenshot:
http://www.oymo.com/upload/uploads/collumn-artikel.jpg
You can't do proper columns - ie. when the text flows from the bottom of one column it moves to the top of the next, without use of CSS3 (which isn't widely supported). You could probably do something with a bit of mootools or jquery as an alternative.
However, if you just want to show the intro text in one div and the main text in another (something like http://www.kodaklens.co.uk/mobile/) then you need to modify your template /templates/templatename/html/com_content/article/default.php, by creating your required 'static' layout and then loading the different article pieces into each container, but this won't help with text flow.