Hi Rikard

Having some trouble adding the custom css.
so as an example i added .testimonial in an icon box’s custom css field.

Then in my enfold child css i added

#top testimonial .avia-button .avia-size-large {
    border-radius: 22px !important;
    font-size: 13px;
    min-width: 139px;
    padding: 15px 30px 13px;
}

as i want the button to have rounded corners.

but there is no effect in the frontend, what am i doing wrong here, just one example of yours would help.

Thank you for your time

• This reply was modified 9 years, 11 months ago by waveshaper.

Thanks for your assistance Ismael. I tried both options but I must have something else in the Quick CSS interferring.

.single .big-preview.single-big {
pointer-events: none !important;
}

.news-thumb.no-news-thumb {
display: none;
}

.image-overlay {
display: none !important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
max-width: 740px;
text-align: left;
}

.slide-meta-comments, .slide-meta-del {
display: none!important;
}

.widget {
padding-bottom: 0!important;
}

#top .news-content {
font-size: 11px;
}

strong.news-headline {
font-weight: strong;
font-size: 14px;
}

span.blog-categories, .slide-meta {
display: none;
}

.avia-button.avia-size-medium {
font-weight: bold;
font-size: 16px;
}

.ccfic a {
pointer-events: all;
}

.single-post span.blog-categories,
.single-post .slide-meta {
display: none;
}

.news-headline {
font-family: ‘Metrophobic’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

Really not sure where I’ve gone wrong. In the Blog Layout Theme Options I have checked Author, Category and Date to display.

Sorry to be a bother but hoping that this will all make much more sense to you than I.

Thanks!

All that does is change the font size, I want to change the font type.

Anyway I’ve just tried to do it in the ‘full width buttion’, by pasting <H2>Schedule Your Demo<H2> in the ‘Button Title’, this works but now
– my button is now way too large
– the rollover effect only works on the bottom half.
– the text is now black when I want it to be white

D

hmm ok…how about the styling of the filter container? can that be adjusted via css to be brought more in line with the mock up in terms of font size, height of the container, different deviders, spacing between categories?

Hi Rikard

I’ve done that and that functionality started working correctly except for 2 things:

1. The default menu link font size has decreased
2. The default menu link font color has changed to a lighter color

The hover state font size/color is correct though.

How do I fix the default states?
Thanks

Thanks for the prompt response. Here is the link of the test website.

As you can see that the sort option are in alphabet order by default. If I want to make “hypermedia” appear in front of “graphic”, is it possible.
And also, since the sort option takes a lot of space on mobile, is it possible to disable it or adjust its layout (such as leading, spacing, font size) only on mobile.

Thanks.

yan

Hi Rikard,

Your screen shot is exactly what I am seeing and your screen shot does NOT show the icons I am referring to. The icons I am referring to are not the ones in blue which are displayed above the icon boxes. The icons I am referring to are in the text of the icon box – there should be 3 small icons (phone/fax/mobile) they should appear before the telephone number text in the first “Telephone and Fax” icon box. These icons are not shown in your screen shot – this is nothing to do with browser caching – they are just not visible and this is an issue since WP was updated. I have rolled back WP on my other site and these icons are visible – refer to attached screen shot. I thought you should know about this.

There is also a problem with “Paralax” in the colour section setting. When I select Paralax in the new version of WP the image is not visible – so in my “blue/orange site” I have set the image to “fixed” but of course it is not enlarged across the browser – in my older page which has not bee updated to the new version of WP the image is seen across the whole browser.

As mentioned the text that is in the icon box is the following code:
<p style=”text-align: left;”>Contact me by:
[av_font_icon color="#799e42" icon="1" size="15px" position="left" use_link="{{use_link}}" link="" linktarget="no"] +61 3 9018 9332
[av_font_icon color="#799e42" icon="38" size="15px" position="left" use_link="{{use_link}}" link="" linktarget="no"]+61 3 5433 3636
[av_font_icon color="#799e42" icon="2" size="15px" position="left" use_link="{{use_link}}" link="" linktarget="no"] 0412 049760</p>

Thanks again! I had to make the font size even smaller because not all the text was showing up.