Nevermind! I figured it out.

#top .aviaccordion-title {
    font-size: 25px;
    font-weight: bold;
    text-transform: none;
}

I tried adding this text to the custom CSS and it does not seem to work.

.aviaccordion-title {
    text-transform: none;
    font-size: 18;
    font-weight: bold;
}

Many Thanks for this…

I’m sorry if I was a bit unclear in my explanation – I want to be able to increase the font/colour of the sidebar menu – I’ll have a play around with the CSS but I’m not very good with coding. Could you supply the coding for the sidebar and I could change the colours/font sizes myself. If there is a charge for this we would be happy to go ahead.

Also, I need to be able make the width of the sidebar smaller/thinner. I found a post in the forum asking for something similar but when I tried it, it looked fine on my screen but when I checked it on a different computer it had actually gotten wider and filled the majority of the page. I’m not sure what I did wrong…

@media only screen and (min-width: 1340px) {
.responsive_large .container .nine.units {
width: 830px;
}}
@media only screen and (min-width: 1140px) {
.responsive .container .nine.units {
width: 720px;
}}
.container .nine.units {
width: 630px;

2. What I mean is I would like to separate each heading in the sidebar with a small line (similar to the sidebar in the wordpress.org site (http://wordpress.org/plugins/)

Many Thanks for the links on learning more CSS – I will definitely be reading up on this but I really need help in the mean time so any code you could provide would be really helpful.

Kind Regards
Element

The layers container option isn’t responsive in relation to the main page container. It is not aligned.

My site in (very early) progress is here. But this is what I would like to achieve with the alignment in terms of the text. If possible though, I would like it to be actual **** text rather than an image, and to exist within the slider itself, so that it aligns with the logo on the left, and the image stretches full screen.

****The text would really have to automatically resize with window size, or resize using CSS such as

h1 {  font-size: 5.9vw;}
h2 {  font-size: 3.0vh;}
p {  font-size: 2vmin;

}

• This reply was modified 11 years, 10 months ago by martinbelton.

Hi Yigit,

thank you.

It works resizing the browser on my hand, too. But still not on the iPad. Still only if I go th portrait mode, wait a while and go back to landscape. Then the header background shows up all of a sudden.

I have a lot in Custom CSS now. Could there be the problem? Here is what I got:

#header_meta {
z-index: 2;
}

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

.current-menu-item>a>.avia-menu-fx { display: none; }

.avia-menu-fx { display: none; }

#top .social_bookmarks_mail:hover a{color:#fff; background-color:#2997ab; }

.avia_mobile #top .av-parallax-section { z-index: 0; }

.red-bar .bar{
background: #2997ab;
}

.blue-bar .bar{
background: #8ccad6;
}

#top .grid-entry .inner-entry {
margin-right: 0px;
box-shadow: none;
}

.post-meta-infos, .news-time{
display: none;
}

.post-meta-infos {
display: none !important;
}

.avia_mobile #top .av-parallax-section{-webkit-transform: translate3d(0,0,0);}

h1 { font-size: 45px; line-height: 1.2em; font-weight: normal; }

h2 { font-size: 45px; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.main_color .av-masonry { background-color: white; }

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 768px) {
.html_header_transparency #top #wrap_all #main { margin-top: -82px; }}

Cheers,
Jan

Hi Flikk,

You’re my official hero for the day! :)

My CSS now is as follows, and it seems to do exactly what I wanted!

.phone-info {
font-size: 16px;
}

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

.iconlist-char {
color: red;
}

.av-main-nav > li > a {
padding: 5px;
}

.menu-item-top-level>a.avia-menu-text {
-moz-border-radius: 15px;
border-radius: 15px;
background-color: red;
padding: 8px 13px;
}

li#menu-item-3187>a>.avia-menu-text {
display:inline-block;
background-color: red;
color: white;
border-radius: 10px;
line-height: 28px;
padding: 0px 10px;
}

You have my respect!

Ismael,

Thank you. I had to modify the code that you have given a little bit but it does the trick.

.html_header_top.html_logo_center.avia-msie .logo {
position: relative\9;
width: 100%\9;
left:0%\9;
text-align:center\9;
}

.html_header_top.html_bottom_nav_header.avia-msie .main_menu ul:first-child>li a {;
font-size: 12px\9;
padding: 2px 12px 0px 12px\9;
}

.html_header_top.html_logo_center.avia-msie .logo img {
-webkit-transform: initial\9;
display: inline-block\9;
width:778px\9;
}

Regards,
Erik

Thanks, Peter.

Now I use this:

<div class="clearfix"></div>

[av_font_icon icon='ue80a' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
<div style="float: left;">F10 Performance Oil Vertrieb UG (haftungsbeschränkt)</div>

<div class="clearfix"></div>

[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
<div style="float: left;">Ständlerstr. 35
81549 München
Germany</div>

<div class="clearfix"></div>

[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
<div style="float: left;">+49 (89) 680 95 688</div>

<div class="clearfix"></div>

[av_font_icon icon='ue838' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
<div style="float: left;">+49 (89) 680 95 689</div>

<div class="clearfix"></div>

[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
<div style="float: left;"><a title=" (Email address hidden if logged out) " href="mailto: (Email address hidden if logged out) " target="_blank"> (Email address hidden if logged out) </a></div>

But first line is still problematic:

Still no. This is the other menu related css I have in the custom.css file. The first 2 are working

.header_color .main_menu ul:first-child > li > a {
color: white; font-size: 15px !important;
}

.header_color .main_menu .menu ul li a {
color: white; font-size: 15px !important;
}

#top .header_color .main_menu .menu ul .current-menu-item>a { color: white !important; }

Hello again,

Perhaps I’m doing something completely wrong (it might be worthwhile to let you know that my CSS experience is limited!), but I haven’t been able to get it right yet, the menu still looks the same to me even after adding the above CSS.

Would it help if I give you access to the WP admin area?

Current custom CSS is:

.phone-info {
font-size: 16px;
}

.iconbox_icon.heading-color.avia-font-entypo-fontello {
color: red;
}

.iconlist-char {
color: red;
}

li#menu-item-3151 .avia-menu-fx { display: none; }
li#menu-item-3151 a {background-color: red!important; color: white!important;height: 30px!important; margin-top: 43px; border-radius: 10px; line-height: 30px !important; }

.av-main-nav > li > a {
padding: 5px;
}

.menu-item-top-level>a.avia-menu-text {
-moz-border-radius: 15px;
border-radius: 15px;
background-color: red;
padding: 8px 13px;
}

Regards,
Chris