Thanks Ismael

1) Worked! thanks!

2) I tried this, it didn’t work

This is what it looks like”

@media only screen and (max-width: 1000px) {
.avia-caption {display: none !important;}

.avia-caption-title {
font-size: 14px; line-height: 14px;
}
}

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

.js_active .tab {
font-size: 15px;
}

.active_tab_content .tab_inner_content { color: ; font-size: 14px; }
}
”

3) OK

4) I meant the white space in the vertical direction, any input?

Cheers!
W

Logically yes, but I do have a blog element on that page, that’s why I don’t understand why it isn’t showing anything. It just disregards everything in my layout. Here is the entire code of my News page:

[av_textblock]
<h1 style="text-align: center;">News</h1>
[/av_textblock]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center']

[av_one_fourth first][/av_one_fourth]

[av_one_half]

[av_blog blog_type='posts' categories='791,789,787,1' link='category' blog_style='single-small' columns='5' contents='title_read_more' content_length='excerpt' preview_mode='auto' image_size='entry_without_sidebar' items='10' offset='0' paginate='yes']

[/av_one_half][av_one_fourth]
[av_hr class='invisible' height='15' shadow='no-shadow' position='center']

[av_font_icon icon='ue84d' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#000000' size='40px' position='left'][/av_font_icon]

[av_hr class='invisible' height='10' shadow='no-shadow' position='center']

[av_sidebar widget_area='Sidebar Blog']
[/av_one_fourth]

[av_hr class='invisible' height='75' shadow='no-shadow' position='center']

thanks man, just changed the font size and that did it! thanks for your assistance!!

just one more thing, that might be off topic:
with all the changes in themes and other files (woocommerce) the amount of css styling codes is steadily increasing.
some of the codes dont affect anything due to updates etc…

question: is there any tool (or any way) to check/inspect if there are css style codes that are not affecting anything?

thanks in advance
Pedro

Thanks, it worked – phone info is now back on the right corner.
what about the color?

i had this css before – and it doesn work anymore:
.social_header .phone-info {
font-size: 12px;
color:#ffd500;
}

thanks

I’ve added the new piece of code but it’s still causing problems. Here’s all the code in the CSS:

.sub_menu { font-size: 16px; } /* changes the font size of sub menu */
.fixed_header.social_header #main { padding-top: 174px; }
.main_menu ul:first-child > li > a { line-height: 190px !important; }
#header .mega_menu_title { #0e2f61; }

.title_container { background: url(http://www.test.theimplantcentre.com/wp-content/uploads/2014/02/Crumbsbanner41.jpg); }

.avia-heading-row {
color: white;
}
.price-top-margin {
margin-top: 37px;
}

tr th:first-child, tr td:first-child {
vertical-align: top;
}
.main_color tr.avia-heading-row {
background: #2f5691;
}
#header_main, .header_color .main_menu .menu ul li a { background-color: white; }

#header_main, .header_color .main_menu .menu ul li a { background-color: white; }

.tab_titles div {
font-size: 14px !important;
}
.avia_mega_div, .avia_mega_div .sub-menu {
background: white !important;

@media only screen and (min-width: 1140px) {
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
height: 40px !important;
line-height: 25px !important;
}}

#header_main .container, .main_menu ul:first-child > li > a {
height: 143px !important;
line-height: 190px !important;
-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}

.header-scrolled #header_main .container, .header-scrolled #avia-menu > li > a {
height: 80px !important;
line-height: 80px !important;
}
#header_main img, #header_main .logo, #header_main .logo a{
width: 252px !important;
height: auto !important;
max-height: none !important;
max-width: none !important;

-webkit-transition: all linear 0.2s;
-moz-transiton: all linear 0.2s;
transition: all linear 0.2s;
}
.header-scrolled #header_main img, .header-scrolled #header_main .logo, .header-scrolled #header_main .logo a{
width: 126px !important;
height: auto !important;
}
.avia-content-slider .slide-entry-title {
display: none;
}
#main > div.main_color.container_wrap.fullsize > div > main > div > div > div.flex_column.av_one_half.avia-builder-el-11.el_after_av_one_half.avia-builder-el-last.column-top-margin {
margin-top: -8px;
}
#av_section_1 > div > div > div > div > div.flex_column.av_one_fourth.first.avia-builder-el-13.el_before_av_three_fourth.avia-builder-el-first > section {
margin-top: 20px;
}

.page-id-75 .avia-section-small .content {
padding-top: 0;
}

.header_color .avia-tt { background-color: white; }
.header_color .ajax_search_image { color: white; }

.header-scrolled .main_menu ul:first-child > li > a { line-height: 58px !important; }

Thanks. That worked!

Thanks a lot for your reply, Peter. CSS really is a challenge for me – happy, that you are still with me :)

I used your snippet and it almost worked for the nested menu.
Could someone please have a look at the line under the h3 parent item and the hover of the list item:

Here is the code I used so far in the Quick CSS:

/* NESTED SUBMENU */
.sidebar_left .my-parent-item {
padding-left: auto;
padding-right: 3px;
font-weight: normal;
font-color: blue;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 1px 0px 0px #DADADA;
}

.sidebar_left .nested_nav .current_page_item {
padding-left: auto;
padding-right: 52px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
background: #f8f8f8;
font-size: 16px;
}

.main_color a:hover, .main_color li a:hover {
background: #f8f8f8;
padding-left: auto;
}

Hi Yigit,
thank You for Your Answer, but my Problem is not solved.
I mean, that i want to change the size of the font (all over the hole site) which is positioned for Example in iconboxes etc.
Can you help me again?

Cheers!
Klaus

Thanks very much Yigit , for your answer ; I really appreciate your response.
If you have any time, I also have some additional questions ; thanks a ton for your precious time and support.

1- Is a SITEMAP.xml is a MUST for google to crawl all of my content? (portfolio items, posts, anything)?

2- What is the best way to have a S I T E M A P.xml for all the POSTS and PORTFOLIO items, WITHOUT using a plugin.
I really do not want to rely on plugIns for anything.

You can see my site’s structure below, it will have a lot of content..:

3-Do portfolio items harder to “catch / crawl” for the sitemap / google for the SEO purposes?
Or they are just like the Blog posts.?

And please let me know how should I implement the necessary actions to build a sitemap which includes both PORTFOLIO items and BLOG POSTS and rebuilds itself dynamically when I add any posts or portfolio items.

Considering my website will have a lot of content, I don’t want to have a PHP code which will loop and construct the whole sitemap.xml from zero again and again , I just want a php script that adds ONLY the very last portfolio item or blog post to THE ALREADY EXISTING siteMap.XML

I am using a child theme , so please let me know which functions I have to add to which php files.

4– Would it be so hard to create a sitemap.XML file inside my PUBLIC_HTML folder and update it MANUALLY by hand each time when I create a blogPost , or Portfolio item? (as described here , I am talking about adding each of my new content MANUALLY by hand to the xml file as described there.)

http://www.sitemaps.org/protocol.html

5– update (2.6) issues Note: I am using a child theme.

a) And friends, after the update (the latest, 2.6) I have almost all of previously configured CSS fineTunings lost. (for example, UL list style type:none settings, PAGES Widget’s current page CSS formatting, Widget font stylings, footer / socket border stylings etc. doesn’t work.) Have an idea? Maybe you erased the responsible css selectors within the new update? I don’t use anything fancy, (no plugins right now, I don’t even use a slider, and I just use the font Verdana)

b) firefox doesn’t load the portfolios’ featured images at first, they only appear when I refresh the page once again.

c) internet Explorer 8 has an issue with logo imageSize , logo looks weird. Retina Logo image doesn’t look like as it should be ; it should look the half size of its original , but it doesn’t shrink.
And IE8 also has some CSS issues.

6- Is there a way to cancel the animation (fade in, and movement into the place) of the each portfolio item’s featured image?

Thanks for everything, I am really grateful, and again please forgive me for being an headache :) .
Sorry if all this sounds a little naive, that’s just because I don’t know PHP.

Kind Regards,
Bedros

• This reply was modified 12 years ago by Bedros.