I have used drupal 7.38.
My question is I have created a view for product stock.
In this view I have used the table structure. When stock is empty then mail go to the stock manager.
In mail the product display in p tag but I want to show in table format show how can I do this?
I have some change on the views-view-table--stocks.tpl.php and views-view.tpl.php.
In your email body you could add a element :
<style>
.views-table-class { border: 1px solid black }
</style>
I guess you can add a CSS class ("views-table-class") to the table in Views interface. If not, using chrome dev tools / firebug you should be able to find a CSS selector to reach the table.
More info on CSS borders here. You can also add your CSS class on the table with your .tpl file like explained here.
Hope it helps !
Related
I can't seem to change the style of the search box on my website. This is the website. Any help with a CSS code would be appreciated.
https://urbanyogalab.com/
These are elements that are your search box:
For example, if you want to remove borders for input field, you should do something like this:
.is-menu.is-dropdown form:not(.is-search-form) input[type=search] {
border: none;
}
Similar to other elements you need changed.
Browser developer tools like Inspector are of great help in such situations.
I have created a table in a blog created in WordPress. I have used TablePress plugin to create the table. Now I would want to set the left column font to italics (except the table header).
After inspecting the page and some web search, I came up with the following CSS:
.tablepress-id-1 tbody .column-1 {
font-style: italic;
}
Let me explain. You see, in .tablepress-id-1, the digit after the last - is the shortcode of the table created with TablePress. Secondly, I would like to apply the CSS for the table body only, hence tbody. And finally, .column-1 implies the leftmost column of the table.
To set the CSS, you need to go to TablePress -> Plugin Options from the WordPress Admin page (I assume you have the TablePress plugin is installed), then write your CSS in Custom CSS text area and click Save Changes.
I am using the free version of PHP Grid - Lite.
I have successfully integrated and the tool shows reports as exactly required.
The only problem is it shows a default text
"You are using phpGrid Lite. Please consider upgrading phpGrid to the full version to have great features including edit, master detail, and grouping, composite key, file upload, and premium themes!"
Is there a way I can disable it ?
Have also attached a sample image of it.
Report View
Thank you.
The div which holds this text belongs to a class named
'pg_notify'
therefore writing a CSS for this class as follows could remove (make invisible) this text.
.pg_notify{
display: none;
}
OR you could use PHP to change the CSS of the div containing this text you want to remove.
<?php
echo '<style type = "text/css">
.pg_notify{
display: none;
}
</style>';
?>
I'm trying to change font size and color for "Price" on product page only. When I change .price on style.css it would change price format on all pages which is not what I need. I need to change price format on product page only.
Any help,
Thanks
You can simply make the change at the top of that particular page or even on that line. Simply place open and close style tags above the body tag and between them insert the rule delaration. This will override the linked style sheet.
You can keep your CSS consolidated and still do this. Add an ID to the body tag of the products page:
<body id="pgProducts">
Or Wrap the contents
<div id="pgProducts">
then you can use that in your "over-ride" selector
#pgProducts .Price {
/*Style to appear in pgProducts only*/
}
This could give you greater extensibility should this style end up required elsewhere.
Of course you can use what ever ID you like here. You could also use a class instead of an ID but an ID has better specificity.
I have installed a plugin in wordpress that creates image thumbnails and displays links for all the subpages of a particular page. It is being displayed on the front page of this website.
The plugin is called AutoNav. More info here.
The plugin FAQ says the following about what classes are created to create the table:
table elements: subpages-table
tr elements: subpages-row
td elements: subpages-cell
p elements inside each td: subpages-text
Thumbnail images: subpages-image
Excerpt text: subpages-excerpt
My question is how I should go about formatting my CSS to change these settings. Should I just create classes with those names?
Lastly, the links that the plugin generates work on initial page load, but once the page completely loads, the links seem to stop working and just become text. Not sure what the issue is.
My question is how I should go about formatting my CSS to change these
settings. Should I just create classes with those names?
Yes. These are the classes the plugin generates and applies to the elements in the html.
For example if you wanted to add a border to the thumbnail images you would apply the styles to .subpage-image class.
.subpage-image {
border:1px solid #000;
}
Lastly, the links that the plugin generates work on initial page load,
but once the page completely loads, the links seem to stop working and
just become text. Not sure what the issue is.
This is being caused by your slider. Once it is fully loaded the div #slider overlays your content making the links unclickable.
To fix this give #slider height:280px;