Hi,

Yes. I have an idea that you haven’t looked well for the Xing glyph, since I was able to find it. http://www.clipular.com/c?5946811=zM1_Hm9yLKqfAg_cXwIOP0xZTlY&f=.png (the one with the outline in center) /

.

Just go to that website fontello.com and this glyph is in Zocial.

Now you need to pick the size, and select that one glyph and click download button and you got it.

In the theme the location of current glyph files is in there: /config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello-charmap.php

—

I would follow these instructions regarding how to add a stand alone glyph as I haven’t deal with fonts much, so reading up as i go.. will ask.. instructions ->. http://css-tricks.com/html-for-icon-font-usage/

Thanks,

Nick

Hi eswyt,

You shouldn’t ever change any of the styles directly in the main theme css files. The best thing to do is target the slideshow specifically for that page/slideshow.

If you can provide a link to the page, we can assist with the new css.

Regards,

Devin

Hi,

Use either clipular.com to send screenshots that you don’t need to alter. If you need to add something to screenshot, use https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce for chrome. You can always add images and get a link on imgur.com

In the video when I always paste the css in Dev Tools at the end of existing css, all under the ‘Sources” tab, what I am doing is making sure that the css actually works since by pasting there, I am adding my changed css at the end of the cascade. When you change things under the “”Elements”” tab, you are virtually changing the css but in the position it is normally located in the cascade.

And no matter how well the Dev Tools have been written, there are situations where bad css and whatnot change things later in the cascade. Thus I don’t rely on my original changes in the ‘Elements”” tab and like to double check them before I paste and save the block of css into my site (or paste it here as an answer to a support request). Its a process of sculpting and tweaking the css to force it to obey.

*Ok lets end this support request since I think with the video and code, this train of thought is complete and will perhaps help others. That other thing you ask about, please open a new ticket since that should have its own discussion, you can add ”nick” as a tag.

Thanks,

Nick

Hey,

Here is dat video link (in Brooklyn accent) https://docs.google.com/file/d/0B8hqGBMSfHtKa1VmZVRPVU5ZS2s/edit?usp=sharing

Video for Vimeo.. once I trim 8 minutes off it.

Nick

Hi,

Put up a menu on your website. Please don’t talk in abstractions and generalities or i will make up my own colors, sizes, etc. I get a vague notion of #6. The rest I think I get. I made video of me doing it. Good stuff for youttube.. Website crashed in middle of video though. I didn’t do responsive since i dont think it will make any difference regarding colors, that flying underscore though probably needs 1 media query.

/*triangle killer*/

#top .current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,#top .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {

display: none;

}

/*menu top font color off*/

#top .header_color .main_menu ul:first-child>li>a {

color:rgb(255,8,8);

font-size: 1.1em;

}

/*menu top font color hover*/

#top .header_color .main_menu ul:first-child>li>a:hover {

color:rgb(8,255,255);

font-size: 1.1em;

}

/*sub menu font color */

#top .main_menu .menu ul li>a {

color:green;

word-spacing:1.2em;

font-size: 1.1em;

}

/*sub menu font color hover*/

#top .main_menu .menu ul li>a:hover {

color: blue !important;

}

/*sub menu background off*/

#top .header_color .main_menu .menu ul li a:hover {

background-color: rgb(12,9,122);

}

/*sub menu background hover*/

#top .header_color .main_menu .menu ul li a:hover {

background-color: rgb(68,9,9);

}

/*underlines now float above menu*/

#top .avia-menu-fx {

display:block;

position:absolute;

top: 25px;

}

Video is uploading, gonna be here in 5 mins.

Thanks,

Nick

Andy,

You are the first person to ever ask me that question (whether to start a new thread), most just ask 3 pages of unrelated questions over 5 months. Thanks for asking! Nah you can continue here since its relevant to the overall theme of our exchange.

I felt that in your case best thing to do was to get you hooked on the google tool since then you can customize your own look. read somewhere carefully about position:absolute and position:relative and how they relate to each other when one div is relative inside an absolute div and vice versa and how that affects margin and padding. Also try to move your logo for example to the bottom right corner of screen without messing anything else up using right:20px .left, down, top, and the position: tag… Goodstuff.

It’s not difficult to edit it. Now sitting down in front of an empty screen and writing it from nothing is difficult.

So ask away.

Thanks,

Nick

Hi,

Ok thats good, however that won’t always work. You need to add #top before everything (which is from the body tag) , this way you will get more specificity and override the original code. Sometimes for some real hard cases, you need to add !important; to the end of the statement — color: red !important;

if your code ignored, do this. Open up chrome developer tools like this ( http://i.imgur.com/RfNyIBs.png ) find custom.css file in there step 2, then you add your changed code into the screen in middle, just don’t forget to copy it if you need to refresh ) and enter the css directly, if nothing changes, add #top, take something off, and you will see results live, so this way you don’t have to copy and paste and save every time to see whats working and what isnt. also you can edit the html live too and any of the files, but as soon as you refresh, its all gone.

also don’t use media=”screen” unless you see something like @media only screen and (max-width:767px) { .. if you see that, you need to grab that since that’s a media query (which is css that works on a specific screen size for mobile/tablets).

so first try (your code with #top directive)

#top .avia-icon-list .iconlist_icon {

height:64px;

width:64px;

line-height:60px;

font-size:30px;

text-align:center;

border-radius:500px;

position:relative;

float:left;

margin-right:30px;

margin-left:2px;

z-index:5;

border-style:solid;

border-width:2px;

color: #fff;

}

Then as you get comfortable you will see that css is like a postal address country, state, city, street, house.. further you go in the more specific it becomes. So you can take the less specific stuff off sometimes.

#top .avia-icon-list .iconlist_icon {

background-color: #d73119;

}

I wish you had a url, where I can look at these disks. when i click url from your name , a website loads, but nothing there.

Don’t give up on this tool, watch a youtube tutorial for it because its as easy or complex as you want it to be. Its the only one I use and only one many (if not all) use to debug or modify any website.

Thanks,

Nick