Forum Replies Created
-
Posts
-
Hi
They are not showing for me at all on Safari on Iphone.
They are showing correctly on Internet Explorer desktop.
They are not showing correctly on Firefox, Safari or Chrome on Desktop …
Hi
Thats what I thought too. This is my current code ….
[av_table purpose='tabular' pricing_table_design='avia_pricing_default' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table'] [av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Material</strong></span>[/av_cell][av_cell col_style='']Stainless Steel (see specs of individual products for grade information)[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Thickness</strong></span>[/av_cell][av_cell col_style='']1.2 mm (minimum)[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Finish</strong></span>[/av_cell][av_cell col_style='']Polished or Satin (Brushed)[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Lengths</strong></span>[/av_cell][av_cell col_style='']3.0 m[/av_cell][/av_row] [av_row row_style=''][av_cell col_style='']<span style="color: #007ab6;"><strong>Rating</strong></span>[/av_cell][av_cell col_style='']See specs for individual products[/av_cell][/av_row] [/av_table]But the first column text is displaying like this …
http://screencast.com/t/pGerdr5OAy
The first column text should be #007ab6 which is a blue colour.
Hi
I have given me headline rotator css class name of “full-width-headline-rotator”
And added the code below to the child css …
.full-width-headline-rotator { width: 100%!important; text-align: center!important; }But it hasn’t centralised it or strached it full width.
Hi
That fixes it centrally, but it still keeps it in a narrow container.
Why isnt the container full width?
And does the centering issue mean there is a bug in the code?
Does anyone have any suggestions for the issue with the Headline Rotator being wrapped left justified when I have it selected as Center?
Hi,
I have tried that but it doesnt work.
The link I need to use to get the video to display in a lightbox is this …
[wp_colorbox_media url="#360" type="inline" hyperlink="View a 360° example of this product range"]But if I paste that into the link for the icon, it messes up the icon list.
Thanks
On a desktop you can see where the icons are supposed to go but the icon is not pulling in.
I used some instructions from a moderator to add some code to the child functions php.
I am not convinced it worked.
I want to make the icon and the 360 Interactive Image text open a light box just like the link in the sub caption does (View a 360° example of this product range)
Is there no way I can just use the full Font Awesome icon set using the proper Font Awesome codes as they are fixed which makes much more sense.
Hi
This now works
#top .full-width-colour{ margin-top: 0!important; /* alters the gap BEFORE the colour section */ padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */ } #top .full-width-colour .content { padding-bottom: 20px; }I have also tried this …
#top .full-width-colour{ margin-top: 0!important; /* alters the gap BEFORE the colour section */ padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */ } #top full-width-colour .content { padding-bottom: 5px; }I have called the color section ‘full-width-colour’ and have applied the following css to that section, but it is still displaying a bigger gap at the bottom than the top.
#top .full-width-colour{ margin-top: 0!important; /* alters the gap BEFORE the colour section */ padding-top: 0px!important; /* alters the gap from the top of the colour section to the top of the first element */ padding-bottom: 5px; }Hi,
I would like the code to alter all .full-width-colour sections rather than that color section on that specific page.
The zip file is named differently by Fontello automatically.
Hi
That fixes the height issue but it also creates a big gap at the bottom of the last icon.
http://screencast.com/t/Gk2erBsyzu
http://dev2.electrixinternational.com/products/trunking-systems/flat-lid-trunking-system/
Hi
I have followed the instructions on the video.
The main problem that I have is if you want to add ADDITIONAL icons, when you import the NEW zip file from Fontello it overwrites the previous zip that you have imported. This seems strange behaviour.
This is also an issue for me. Its not actually the buttons, its the dots that show which slide it is on causing me issues as they sit over/under the caption on the slider.
Sorry, I meant to say I only want the first column of the table to have different coloured text.
The default table works how I want it but as soon as I copy it into an accordion, the formatting on the first column text is lost.
Hi
I have turned the css off as it was causing issues so now it is the default icon list. I was trying to get the icons and text smaller using this code …
/* CT START Control the size of the icon list and text and bottom margin */ /* .iconlist-char { */ /* font-size: 20px; */ /* position: absolute; */ /* top: 0px; */ /* left: 0px; */ /* } */ /* If you assign this css class to an icon list they will pick up the css class */ #top .product-icon-list { margin-bottom: -40px; } /* Icon List */ /* .avia-icon-list .iconlist_icon { */ /* height: 30px; */ /* width: 30px; */ /* line-height: 30px; */ /* position: relative; */ /* top: 0px; */ /* left: 20px; */ /* } */ /* CT END Control the size of the icon list and text */Tight gap: http://screencast.com/t/7BzrcisF0
Correct gap: http://screencast.com/t/z97sfT9I
Tight gap between elements: http://screencast.com/t/uayTBaXxw
