Forum Replies Created

Viewing 28 posts - 421 through 448 (of 448 total)
  • Author
    Posts
  • in reply to: Font Weight Font Size #215335
    This reply has been marked as private.
    in reply to: Fixed Header With Custom Social Icons #200882
    This reply has been marked as private.
    in reply to: Fixed Header With Custom Social Icons #200879

    Please reread my comment here:

    5. This time I don’t want to substitute a current icon such as Tumblr. I’d rather add additional options correctly. Also, I’d like to use fontello fonts instead of png files.

    What about this post? https://kriesi.at/support/topic/youtube-icon/#post-121776

    in reply to: Fixed Header With Custom Social Icons #200199
    This reply has been marked as private.
    in reply to: Enfold > Theme Options > Header > Social Icon #127313

    Devin,

    Thank you for your help. I have one more question and problem.

    1. I actually had to do this. If I only used 2 entires then I end up with a weird distortion in my Apple icon. So I added the last line from the previous code. To result as this:

    #top .social_bookmarks_tumblr a {
    background: url(.......uploads/custom/apple.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr a:hover {
    color:#fff;
    background: url(........uploads/custom/apple-hover.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr a {
    text-indent: -9999px;
    }

    2. I now have a retina resolution problem. When I view this on an iPhone 5 and my Macbook Pro Retina the apple icon is pixilated. Any ideas for a quick fix for this. If I do it as 64px x 64px then it looks to large. I imagine I have to add something to the CSS to constrain the proportion then upload the 64 x 64 images. Will you help me with that?

    3. Would you mind going back through and deleting my personal links from this post. I abbreviated them above. Could you go back and abbreviate the others please?

    Thank you again for your help!

    in reply to: Enfold > Theme Options > Header > Social Icon #127311

    I should mention the apple.png is a transparency and the apple-hover.png has a solid grey background. Is it the transparency that is causing the issue?

    in reply to: Enfold > Theme Options > Header > Social Icon #127310

    Devin, small problem:

    1. I added Ismael’s code at the end of the custom.css

    2. I put apple.png and apple-hover.png in—-removed—-

    3. Problem: When I hover the apple icon shifts in the hover state. I specifically LOCKED the layers in Photoshop. The normal state apple icon and the hover state apple icon are exactly in the same place pixel for pixel. Do you have any idea why this is happening?

    See here > —removed—-

    The entire css is as follows:

    /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    /* General Custom CSS */

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

    @media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    }

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */

    }

    #top .social_bookmarks_tumblr {
    background: url(...wp-content/uploads/apple.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr:hover a {
    color:#fff;
    background: url(....wp-content/uploads/apple-hover.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr a {
    text-indent: -9999px;
    }

    in reply to: Enfold > Theme Options > Header > Social Icon #127309

    Thanks Devin. I really appreciate it. I’m going to test now and get back to you. Thank you!

    Hellooo Nick,

    I was on one path then you sent me something different. I appreciate it. But can you explain how this plugin is used to solve my specific problem as stated above?

    Thank you

    Nick,

    I see the post. They are telling me to use shortcode. Are you telling me that I can change the header in enfold with this plug in? Please explain slowly ;)

    Thanks, Jas

    Ok I’m going to recreate this as a PNG in photoshop.

    Am I understanding this correctly?

    – color background = 30px x 30px

    – color stroke = 2px

    – total icon dimensions 32px x 32px

    – icon height = 17px

    Is this correct? Also I see a 1px dimension (border width & text shadow) as well. What is that? I imagine the border shadow is a 1px drop shadow??

    Thank you for your time.

    in reply to: Enfold > Theme Options > Header > Social Icon #127307

    Ok I’m using the square icons in the header but I get it. Thank you! I’ll give it a shot and get back to you.

    in reply to: Enfold > Theme Options > Header > Social Icon #127305

    Hi Devin, Ismael, Dude,

    Devin’s last response confused me a bit because it was a bit general in nature. I am very close to understanding this. Let me restate. I’ll be very clear. Currently, I have a tumblr icon linked to my apple certification site with a blue background.

    This is exactly what I want, no more no less:

    1. Normal State: grey apple icon on enfold white? background.

    2. Hover State: white apple icon on dark grey background.

    Am I correct in understanding that I do this?:

    1. Normal State: In Photoshop, create a 64px x 64px SQUARE png file (grey apple on an enfold white background)

    2. Hover State: In Photoshop, create a 64px x 64px SQUARE png file (white apple on an enfold dark grey background)

    Is this the specific and correct procedure for what I want? Is the enfold background perfectly white? FFFFFF?

    Also, will 64px x 64px be enough to make this retina resolution?

    Thank you for your time

    in reply to: Enfold > Theme Options > Header > Social Icon #127303

    Ismael, Ok almost there!

    Just to be clear. I was assuming that I needed to use an “apple shaped” icon png on a transparency, one in white, one in grey.

    It seems now you are telling me that I need an apple icon on a square grey background for the normal state.

    And an apple icon on a square black background for the hover state.

    SO both icons I make in photoshop should be square with the apple in the center.

    Am I understanding correctly?

    Thank you, Jasmer

    in reply to: Author Profile Page Image #127835

    Yes I want the author image to show on the author page.

    I do not want the author image to show on the blog posts.

    I want the blog posts to look exactly like a one author page.

    So to accomplish this I do the following?:

    1. Go to Enfold > General Settings > Blog Style > Select “Multi Author”

    2. Add this code to the end of custom.css

    .rounded-container > img {
    display: none;
    }

    Correct?

    in reply to: Reimport Landing Page #127720

    Thank you for your help. I think I’ll set up a dummy site. Good ideas.

    Best, Jasmer

    in reply to: Enfold > Theme Options > Header > Social Icon #127301

    To restate that last part:

    Are these the full directions?

    Don’t I need 2 icons? One for normal and one for hover? (apple.png and apple-hover.png)

    Wouldn’t that change the second part of the code in the header.php? What would those code changes be?

    Also, I want the square background to be black on hover not the Tumblr color background. What would the additional code changes be?

    Thank you for your time,

    Jasmer

    in reply to: Enfold > Theme Options > Header > Social Icon #127300

    Dude,

    I think I understand. Please tell me if I am correct for my Apple logo and link:

    1. On Enfold > Header > Add the Tumblr social icon for example. Place my Apple link.

    2. Add this to the very end of custom.css

    #top .social_bookmarks_tumblr {
    background: url(../images/apple.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr:hover a {
    color:#fff;
    background: url(../images/apple-hover.png) no-repeat center;
    }

    #top .social_bookmarks_tumblr a {
    text-indent: -9999px;
    }

    3. In header.php replace:

    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');

    with

    $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '<a href="http://apple.com/example" class="apple" target="_blank"><img src="http://mywebsite.com/apple.png" title="Apple" alt="Apple" /></a>');

    Are these the full directions? Don’t I need 2 icons? One for hover and one regular? Wouldn’t that change the second part of the code in the header.php? I notice the color hex in the header.php is specified #fff. I want the background to be black on hover.

    Thank you,

    Jasmer

    in reply to: Reimport Landing Page #127718

    It appears to me that Enfold > Styling is a global change for the entire site. The Landing page that was included with the dummy data, had sections of the page that had dark backgrounds and other sections that had light backgrounds. I’m sure the styling on that particular dummy page was different.

    Thank you

    in reply to: Author Profile Page Image #127833

    Ismael,

    I appreciate your time I really do, but I specified above (see here #2) that I did not want the image to appear next to posts. I want it ONLY to appear on the Author Profile Page. Is this possible?

    “2. Image next to post. HOWEVER I do not want this here all the time. I may choose not to. I’d like to be able to achieve number 1 above without having to necessarily add an image next to the post.”

    Thank you again for all your help. It is much appreciated, Jasmer

    in reply to: Frontpage, problem editing title tag #127316

    Devin,

    Thank you. That worked but then it changes the format all other pages. From “My Site Name | Home” to “My Site Name – Home My Site Name”.

    So solve this you have to:

    1. Go into the Yoast SEO Settings and select “General” then select Force rewrite titles. This is when it changes the format of all other page titles.

    2. Go into the Yoast SEO Settings and select “Titles & Metas” then go to the “Posts” tab and make this edit:

    In EVERY “title template:” field enter %%sitename%% | %%title%%

    That changes it back to Enfold’s template page title format.

    Thanks for the point in the right direction! Jasmer

    in reply to: 404 page, url path incorrect #127321

    Thanks but it does not change anything I replaced default with the following and I still get: “You are here: Home / 404 Not Found”

    I am not trying to change where it goes I am trying to change the word “Home” to “Hello” because my home is not called home it is called Hello.

    Thank you

    $defaults = array(

    ‘title’ => get_the_title($id),

    ‘subtitle’ => “”, //avia_post_meta($id, ‘subtitle’),

    ‘link’ => get_permalink($id),

    ‘html’ => “<div class='{class} title_container’><div class=’container’><{heading} class=’main-title’>{title}</{heading}>{additions}</div></div>”,

    ‘class’ => ‘stretch_full container_wrap alternate_color ‘.avia_is_dark_bg(‘alternate_color’, true),

    ‘breadcrumb’ => true,

    ‘additions’ => “”,

    ‘show_home’ => __( ‘Hello’, ‘avia_framework’ ),

    ‘heading’ => ‘h1’ //headings are set based on this article: http://yoast.com/blog-headings-structure/

    );

    in reply to: Reimport Landing Page #127716

    Thanks Dude ;)

    Unfortunately that does not work. I think this is what happened:

    1. He DOES NOT have the theme page I am looking for here http://kriesi.at/themes/enfold/

    2. I believe he changed the http://www.mywebsite.com/pages/landing-page and then did not update on http://kriesi.at/themes/enfold/

    3. So I am looking for the Landing Page that came with the theme when I purchased it a week ago. It is not on his theme demo right now so I believe you would have to get it from the theme package that I downloaded.

    Page description: The page alternated with dark and light as you scrolled down.

    Thank you for your time

    in reply to: Enfold > Theme Options > Header > Social Icon #127298

    Also do I need to make the icon a specific size? Unfortunately Ismaels download links do not work so I cannot see the sizes. And yes I am logged into Dropbox.

    Thanks

    in reply to: Enfold > Theme Options > Header > Social Icon #127297

    Yes Ismaels is much easier.

    For Ismaels, I believe I need a png or jpg icon rather than a glyph. Is this correct?

    If that is true then I would have to find the exact color icon correct? Or change it my self in photoshop to match the icons that come with the theme. Correct?

    Thank you

    in reply to: 404 page, url path incorrect #127319

    Ok actually my question #1 above does not involve the 404 page. It is in the Page Title and Breadcrumb Navigation “You are here: Home / 404 Not Found”

    My home page is titled HELLO not Home.

    It should say then “You are here: HELLO / 404 Not Found”

    Thanks for the help

    in reply to: change default blog layout #121250

    Above, I see you suggestion is to:

    “Create a page, go Advance Layout Editor. Under Content Element > Insert the Blog Posts element. You can change the layout under “Blog Style”. Look for Blog Content length, choose Excerpt with Read more link.”

    Unfortunately no matter which selection I choose it always stays at “full content” I never see the read more link. Please advise.

    Thank you

    in reply to: Enfold > Theme Options > Header > Social Icon #127295

    Hi Ismael,

    Thank you for the link.

    1. As I understand it you are giving me two choices: YOUR method of editing custom.css and NICK’s more complex method. Correct?

    2. In YOUR method, I use a jpg or png icon and in NICKS’s method I use a glyph. Is this correct?

    3. Fontello does have an Apple icon. See here http://www.fontello.com/#search=apple

    4. On the link you posted it shows many directions. Yours, Nicks – do steps 1-12 then, only do steps 5,9,11, etc. It seems to me the directions evolved over time and were edited. I am confused.

    5. What is the easiest way to replace the “dribbble” glyph with this apple glyph? http://www.fontello.com/#search=apple

    Thank you for your time, Jasmer

Viewing 28 posts - 421 through 448 (of 448 total)