my counter is quite high- 16 million+ users.
i want it to be 80px font size on screens, but in mobile it remains 80px and won;t change to fit the responsive dimension.
what costume css code can i put in order to decrease font size of the animated numbers on mobile?

Side post navigation – Next page tab looking strange, the images are no longer round?

In a previous ticket I was changing the size and colour of the tab however I thought I removed all the code.

Can anyone help get it back to looking like the original should?

https://www.dropbox.com/s/hm1ynoip43vpon2/Captures.PNG?dl=0

here is the Quick CSS code i have in the theme :

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

#footer a {
color: black;
}
#footer a:hover {
color: blue;
}

.widget_recent_entries li a {
font-style: normal !important;
}

.image-overlay {
visibility: hidden;
}

div#commentform.fb-social-plugin {
margin-left: 17%;
}

@media only screen and (max-width: 767px) {
.container.template-blog {
width: 94%;
}}

span.blog-tags.minor-meta {
display: none;
}

.home .content { padding-bottom: 10px; }

span.av-masonry-date { display: none; }
.av-masonry-entry .av-inner-masonry-content { padding: 20px; }

@media only screen and (max-width: 767px) {
.responsive .tabcontainer .tab_titles {
display: block;
border-top: 1px solid #555555;
}
.responsive .top_tab .tab.fullsize-tab {
display: none;
}
.responsive #top .footer_color .tabcontainer .active_tab {
color: #444; }
}

@media only screen and (max-width: 480px) {
.av-inner-masonry-content.site-background {
background: rgba(255,255,255,0.5) !important;
}}

body .container_wrap .hr.avia-builder-el-first { margin: 10px 0; }
.av-special-heading { margin-top: 10px; }
.avia-content-slider { margin: 10px 0; }

@media only screen and (max-width: 479px) {
.responsive #top .related_entries_container .av_one_eighth {
margin-bottom: 3px;
}}

#scroll-top-link {
background-color: grey;
}

@media only screen and (max-width: 767px) {
ul.av-share-box-list {
margin-bottom: 80px;
}
}

h5.av-share-link-description {
text-align: center;
}

#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a {
color: #888;
background-color: white;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}

#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}
#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-mail:hover a { color: #888;
background-color: white;
}

@media only screen and (min-width: 768px) {
.av-share-box { margin-bottom: 40px; }}

Hi!

I’m hoping you can help me out with some things about the design, thank you very much in advance!

a) Tabs color: I want to change the background color of an active/inactive tab, I want only to change the color of the title; font color to be white, and background to be #0f8fc1 (I already tried some codes, but I didn’t achieve to change the color).

b) Tabs title size: no matter what I try, I don’t get that the title of each tab I’m using has the usual size of 16px that I’m using in the body of the rest of the page.

c) Hover image – is there any way to change the default arrow that appears? I saw I site that instead of an icon they used the logo of the company, is it possible?

Thanks a lot!

Hi. What is the css to be able to style the fonts of the tabs in the combo widget?

I was able to get the code to style the list items –

.avia_combo_widget ul,li { font-size:18px !important;
}
But this leaves the text in the tabs way too small.

BTW is there some list of all the different classes that we are able to style?

thanks

Hi

Using the Advanced Styling to increase the menu links font size , if i change Main Menu settings
the previous changed settings on Sub-levels Menu Links disappear, so i can only change 1 of them.

i would like to try different settings but it´s kind of difficult with these option not working.

ty
Alex

• This topic was modified 11 years, 7 months ago by ProAnts.

Hi again

Can you tell me how to slightly increase the font size for the “Recent Posts” widget
On my site it is under the title: “Latest Thinking’ on the right side of the page.

Thanks again in advance