So you wan the whole thing to look like? For some reason it still fails…

@media only screen and (max-width: 767px) {

td.product-quantity {
min-width: 120px !important;
}

#top div .quantity input.plus, #top div .quantity input.minus {
line-height: 29px !important;
width: 30px !important;
height: 30px !important;
}

td {
font-size: 12px !important;
}

#top div .quantity input.qty {
height: 30px !important;
width: 30px !important;
line-height: 29px !important;
}

.shop_table td {
height: 100% !important;
}

table.shop_table .woocommerce-cart-form__cart-item.cart_item {
height: 100% !important;
}
}

ooh right I see…
So let’s say I change it into an ‘h1’ (instead of p) then the quick ccs code would be:

.rv-h1-portfolio h1 {
    font-size: ...
}

• This reply was modified 5 years, 3 months ago by rvga.

Rikard, you can check on that page: https://c-serp.fr/clients-references/service-seo-strategie-de-contenus-blog-vacance-enfant/
I declared in the Custom css Class of the first text block: “rv-h1-portfolio”
And in the quick css, I wrote:

#rv-h1-portfolio h1 {
   font-size:50px; 
   text-align:left; 
   color:#a81010; 
   text-shadow:1px 1px 2px white;
}

Obviously that doesn’t work.

An ID should be unique for a single page, but a class can be used many times.

Ok, so I undesrtand that these 2 fields do the same job, except that the Custom ID is unique to a page, portfolio or a post and that the Custom css class can be shared among many pages, portfolios or posts, am I right?

Hi, thank you for your reply.
I’ve updating the test page so you can take a look. I did not uploaded any image yet. I pasted the code and you will see the dotted border splitted in two parts.
I tried the code like this:
<p style=”text-align: left;”><span style=”font-size: 20px;”>Lorem ipsum</span>
<br class=”avia-permanent-lb” />Lorem Loren.
Lorem lorem:
– link 1
– link 2
– link 3
email address

And it works and the dotted border is not split in two parts, but I can’t figure out how to change the alignment of the text and the picture like in the semple I sent.
Thank you very much in advance

Thank you very much

Hi Rikard,
Sorry my bad I’ve included it now.

In my wordpress editor I created a draft test page for you to see, the page is called WTforms Test page.
In the WPforms test page I have created for you, I’ve left the WPforms and right under it there is the image of the short code when I switched layout mode from Default to Advanced.

These are the instruction of what I did step by step:
– Create a new page using the advanced layout from the Enfolds theme.
– I’m clicking to Plugins Addition (where the WTforms should be). Its nothing there.
– I then switch to default editor mode.
– I open the menu and go to widgets, there i can find WPforms plugin, i click that and add it to the page.
– I test the page and there is the contact form created with the WTforms plugin.
– I check the short code:

[av_one_full first  min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-ki5qjgpg' admin_preview_bg='']
Here is the WTforms plugin to be filled
[/av_textblock]

[/av_one_full]

– When I switch to advanced layout the form disappear both in the layout editor AND in the page preview.

I hope my explanation is more clear now.

Matteo.

Hi Rikard,
Menu font size fixed all good!
Just that the changes you made affected my entire content width all images, videos and text area are over size to full screen. very weird.
I tried to fix it no success I don’t know what you did, please take a look.

Best
Alhaji

• This reply was modified 5 years, 3 months ago by Alhaji2017.

Sure it’s seen below!

Also while you look can you please advice me how to change menu fontsize with a hoover on mouse over effect, as seen on original site , URL also attached below.

Thanks Johan

• This reply was modified 5 years, 3 months ago by IntelligentSolutions. Reason: I found where to edit font size of menu via advanced editing

Thank you Rikard I saw the main menu changed already but not the secondary menu.
Dou want to take a look?

In addition when I change the font size to 22 it change immediately as it was.

Best Alhaji

• This reply was modified 5 years, 3 months ago by Alhaji2017.

Hi Rikard,

i put this css code, but nothing change

/* Price*/

.av-catalogue-container.my-custom-catalogue .av-catalogue-list li .av-catalogue-price {
color: white;
font-weight: bolder;
font-size: 14px;
font-family: ‘verdana’, sans-serif;
}
/* Price*/

.av-catalogue-container.my-custom-catalogue .av-catalogue-list li:hover .av-catalogue-price {
color: white;
}
/* List item on hover */
.av-catalogue-container.my-custom-catalogue .av-catalogue-list li:hover {
background: black;
}

when i hoover on the tekst i wont that he dont move, price have white color also.

the menu is not complete, whe finish when whe have the css code.

Kinds regards,

Theo