Announcement

Collapse
No announcement yet.

Styling elements within filtered search results

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Styling elements within filtered search results

    Styling elements within filtered search results

    In tabular search result layout the expression for product name is this:

    Code:
    <actinic:block if="%3cactinic%3avariable%20name%3d%22SearchResultShowsName%22%20%2f%3e">
    	<Actinic:Variable Name="SearchResultLink"/><actinic:variable formatting="h3" name="SearchResultProductName" /><script type="text/template"></a></script>
    </actinic:block>
    I really want to style the product name using this css:
    Code:
    .styling {
    	display:block;
    	color: #fff;
    	width:50%;
    	position: absolute;
    	top: 70%;
    	left: 0;
    	background: url('trans-black-50.png');
    	text-align:center;
    	z-index:100;
    	margin: 5px 10px;
    }
    I have tried wrapping in a div and using the appearance style box of the variable to no avail.

    I can get the styles to appear in Firebug and in the right place but they have 'no entry' signs by them and are ignored. !Important does not help. The entire layout is wrapped in a styled div with position relative and this applies correctly.

    I would be very grateful for any guidance on this.

    Thank you
    Jonathan Chappell
    Website Designer
    SellerDeck Website Designer
    Actinic to SellerDeck upgrades
    Graphicz Limited - www.graphicz.co.uk

    #2
    Your style could be overwritten by SellerDeck styles for h3 tags. You can try to target individual links like: #SearchResults h3 {} or #SearchResults a h3 {}
    Peblaco

    Comment


      #3
      Yes, I have made it work now, the placement of code within the Tabular Search Result layout is much more critical than in other layouts.
      Jonathan Chappell
      Website Designer
      SellerDeck Website Designer
      Actinic to SellerDeck upgrades
      Graphicz Limited - www.graphicz.co.uk

      Comment

      Working...
      X