Hi,

In the Table Element, Table Options, Table Caption, this is all that is showing on my end:
<h3>Additional Service Areas Near Portland</h3>

When I view the table element with the code enabled, on the page, I see this:
[av_table purpose='tabular' pricing_table_design='avia_pricing_default' pricing_hidden_cells='' caption='<h3>Additional Service Areas Near Portland</h3>' responsive_styling='avia_responsive_table']

When I view my custom table settings in my editor child css, I have this:
table caption {
padding: 0 0 5px 0;
width: auto;
font-style:normal;
text-align: left;
font-size: 21px;
font-weight: bold;
color: #2c353d!important;
}
div .avia-table {
margin: 10px !important;
}

I can not find the line and paragraph breaks that you refer to above. Also, the table does not align with the rest of the elements on the page… it’s inset slightly. Everything else on the page aligns to the left. How also can I fix this issue?

Thanks!

I had to switch back to the code below for the time being, as this does not shrink the width of the site on PC. Please advise on how I can use the original code without it shrinking the width on PC view when you can. Thanks!

@media only screen and (max-width: 767px) {
#toptextareatop * {
font-size: 25px !important;
line-height: 25px !important;
}
}

Rikard,

I added your CSS and nothing changed. I appreciate any help.

I found elsewhere to add this:
.av-single-event-meta-bar-inner > ul {
position: absolute;
top: 40px;
left: 0px;
width: 500px;
border: 3px solid #a71433;
font size: 30;
}

And it placed the link at the top of the page, but any ideas on making this more visible, like changing the font or size, adding “click here” to the link?

Roland

• This reply was modified 10 years ago by paquetter.

I’m not sure It all works… can you take a look?

my quick css is:

/*  FERRANDO MOTOR QUICK CSS */
@media only screen and (max-width: 1500px) {
#header_meta .container:before { right: 0; }}

@media only screen and (max-width: 1500px) {
.responsive #header_main .container {
    max-width: 80%;
}
}

.phone-info span {
font-size: 14px;
}

input#s {
color:#fff !important;

}

#header_meta .container:before {
    content: url('http://www.ferrandomotor.it/wp-content/uploads/2016/04/logo-ktm-1.png');
    position: absolute;
    right: -100px;
}

/*
@media only screen and (max-width: 1300px) {
#header .widget {
   display: none;
}
}
*/
/*
#header .widget {
  left: 98%;
min-width: 200px;
  padding-top: 0;
  position: absolute;
  top: 0px;
  transform: translate(-50%);
  z-index: 999;
}
*/

label.input_checkbox_label {
font-size: 70% !important;
}
input#avia_1_1.text_input.is_empty, textarea#avia_7_1.text_area, select#avia_6_1.select, input#avia_2_1.text_input.is_email, input#avia_3_1.text_input.is_empty, input#avia_4_1.text_input.is_empty, textarea#avia_5_1.text_area.is_empty, input#avia_3_1.text_input.is_phone, input#avia_4_1.avia_datepicker.text_input.hasDatepicker, select#avia_5_1.select {

font-family: 'trade-gothic-20cn' !important;
}

#s {
color:#000 !important;
font-family: 'trade-gothic-20cn' !important;
}
input.button {
font-family: 'trade-gothic-20cn' !important;
}
/*div.container_wrap.container_wrap_logo {
    display: none;
} */

.page-id-9 #header_meta { display: none; }
input#s {color:#000;}
span.copyright {
width: 100%;
  font-size: 14px;
text-align: center;
}

and theme options is:

• This reply was modified 10 years ago by niguli.

Thank you!

1)

Here in this example, in the original DEMO
– When hovered over text changes color to orange.
– When selected the font changes color (white) and size (becomes bold and wider)

This code from post#608817 overwrites the original settings:

ul.nested_nav a {
    font-size: 14px;
    color: red !important;
} 

What do I do to keep original settings in place or to control them ?

2) This code changed the color of menu indicator, but when sub-menu opens, it looks like this (1/3 new color, 2/3 old color):

3) Can I title the sidebar, in other words write something on top of main sidebar menu (circled in red – post#605143) ?

I’ve done that but whether the size nor its font family changed, I’ve even tried adding !important.
This is what it looks like now:

I need the text at least the same size as “Passwort” and the socket shouldn’t be that big, actually it should just be at the bottom like on all my other pages. Also a little space between the text and “Passwort” would be good. Can I also change the background color of the button? as well as size and font family of its text.

Thanks.

Hi Rikard

I tried this and failed.

This is how the usual post is (keeping the right hand column working.

[av_textblock size='' font_color='' color='']
     The intro
[/av_textblock]

Looking at a grid element with two text boxes within it, it looks like this:

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']

    [av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
    
        [av_textblock size='' font_color='' color='']
        	In the left cell.
        [/av_textblock]
        
	[/av_cell_one_half]
        
	[av_cell_one_half]
        
        [av_textblock size='' font_color='' color='']
        	In the right cell
        [/av_textblock]
    
    [/av_cell_one_half]

[/av_layout_row]

So, to put one in the other, I do this?

[av_textblock size='' font_color='' color='']
	The intro
    
    <br><br>
    
    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
    
        [av_cell_one_half vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' custom_class='']
        
            [av_textblock size='' font_color='' color='']
                In the left cell.
            [/av_textblock]
            
        [/av_cell_one_half]
            
        [av_cell_one_half]
            
            [av_textblock size='' font_color='' color='']
                In the right cell
            [/av_textblock]
        
        [/av_cell_one_half]
    
    [/av_layout_row]    
    
[/av_textblock]

Needless to say, it doesn’t work for me. The part that is in the grid jumps out and the right hand column area disappears.

It’s a shame it won’t stay in the parent. Am I doing something wrong (I’m sure I am)?

Thank you! I have child shordcode folder.. its cool :)

I changed this line:

$text .= "<div class='av-catalogue-title-container'><div class='av-catalogue-title av-cart-update-title'>{$title}</div><div class='av-catalogue-price av-cart-update-price'>{$price}</div><div class='cws-add-to-cart'>{$add_to_cart}</div></div>";

But I would like the cart icon and the price in one line.
How can I do this?

.cws-add-to-cart:before {
    content: "\e859";
    font-family: 'entypo-fontello';
    font-size: 24px;
    margin-left: 95%;
}

And what can I use instead of $product_category and $add_to_cart or $cart_buttons? I tried to use these but do not work…. :(
I wolud like to use one icon for add-to-cart and another one icon to link to single-product-page for details.

Best regards
Peter