Home Forums Weaver Xtreme Theme Preparing a replacement page fully mirrored …

This topic contains 56 replies, has 4 voices, and was last updated by  Dave 2 years, 4 months ago.

Viewing 16 posts - 33 through 48 (of 57 total)
  • Author
    Posts
  • #47868

    Dave
    Participant

    Update:

    Plugin issues:

    1. Weaver II to Weaver Xtreme caused the site to lock-up (however, after I reactivated the other plugins one-by-one then ran the site with no issues, I reactivated this one and the site ran without locking up).
    2. Weaver Xtreme Plus did not lockup the site, but did reduce the custom hamburger icon and menu back to the small size (the effects of the custom CSS Scrambler provided me with went away)

    I currently have Weaver II to Weaver Xtreme and Weaver II Theme Switcher disabled.  They don’t show up in the information bar as “suggested” plugins when I disable them.  Is it safe to say they’re not really needed? If not can they be deleted (of course only after I move the site to our live site once settings are complete).

    Any help will be greatly appreciated.

    Best,

    David

    #47870

    scrambler
    Moderator

    After you activate a plugin, make sure to clear all caches before testing.

    And as far as Xtreme is concerned, the only plugin needed is the Xtreme Theme Support and “Plus” if you bought it. Eventually you need the Shortcode compatibility plugin if you did not change shortcodes manually.

    #47871

    scrambler
    Moderator
    I dont know if you changed something, but the first rule I gave you for the hamburger icon is not the one needed right now.
    The rules you need to change the first rule for the Hamburger icon to
    .is-menu-mobile .wvrx-menu-button span {font-size:150%;}
    Adn I dont see the second rule I gave you for the text as being applied, so again make sure you clear ALL caches every time
    #47876

    Dave
    Participant

    Hi Scrambler-

    This is what I currently show in the custom CSS box (Main Options / Fonts & Custom / Custom CSS Rules)

    /* —- Custom CSS for the Go Basic Subtheme. These rules make the Continue Reading and next/prev links buttons. —- */
    .more-msg {background:#606060; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;}
    a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
    a.more-link:hover {color:#ddd;text-decoration:none;}
    /* — end of Go Basic Custom CSS — */
    #recent-posts-2 li {margin-bottom:10px;}
    .is-menu-mobile .wvrx-menu-button span {font-size:180%;}
    .is-mobile-menu a {font-size:170%;}

    I went a little larger, cleared everything in my iPhone and the hamber and menu fonts are a little larger.  Certainly better for my eyes at least. 🙂

    Plugins:  Yes, I purchased the Pro and have it activated.

    Currently, here are the only plugins I have activated:

    1. Black Studio TinyMCE Widget
    2. Custom Database Applications by Caspio
    3. File Away
    4. Slideshow
    5. TinyMCE Advanced
    6. Weaver Xtreme Plus
    7. Weaver Xtreme Theme Support
    8. Wordfence Security
    9. WP Fastest Cache (not currently activated)

    I made changes to several database tables from px to % and am still actively looking for any [body] tags I can replace.  Plugin #1 (which you referred) is a gem.  Thank  you for this suggestion.

    Best,

    David

     

    #47925

    Dave
    Participant

    Scrambler-

    I added your css code into the “Custom CSS Rules” section suggested:

    .is-menu-mobile .wvrx-menu-button span {font-size:200%;}
    .is-mobile-menu a {font-size:170%;}

    However, I had to uncheck “Use smart menus” for the fonts to show bigger.  For some reason, I can’t seem to get that hamburger icon to enlarge. 🙁

    Best,

    David

     

    #47934

    scrambler
    Moderator

    If you change from regular to smart the rule will change, so you need to be upfront with your configuration and not keep changing it every time I give you a rule.

    The way you are setup now, the rule for the hamburger icon to use is the first one I had given you

    .menu-toggle-button {font-size:150% !important;}

    So make up your mind  on which menu to use, use the proper rule and post back with the rule in place if it does not work.

    #47938

    Dave
    Participant

    Hi Scrambler-

    My apology. I’ve been trying different things on the beta site in preparation for the migration into the live site. I lack the skills you guys have so I’m sorry for my ignorance.

    I removed the following and inserted your rule with smart menu off.

    Removed:

    .is-menu-mobile .wvrx-menu-button span {font-size:200%;}
    .is-mobile-menu a {font-size:170%;}

    Inserted your rule above and everything is small again. It attempts to get large for a split second but then resumes the smaller size. 🙁

    Best,
    David

    #47940

    scrambler
    Moderator

    The rule for the hamburger icon is working for me, just make it 200% and you should see it.

    You still need to keep the other rule for the menu items, as that one is the same for all menu

    .is-mobile-menu a {font-size:170%;}

    .menu-toggle-button {font-size:150% !important;}

    #47941

    scrambler
    Moderator

    The rule for the hamburger icon is active and doing its job when I look at your site, just make it 200% and you should see it.

    You still need to keep the other rule for the menu items, as that one is the same for all menu

    .is-mobile-menu a {font-size:170%;}

    .menu-toggle-button {font-size:200% !important;}

    Make sure to clear ALL your caches

    #47942

    Dave
    Participant

    Thanks Scrambler.

    Using iPhone 7+ on my end. Fonts in the menu are definitely bigger. Hamburger icon still small.

    Here’s what I have:

    /* —- Custom CSS for the Go Basic Subtheme. These rules make the Continue Reading and next/prev links buttons. —- */
    .more-msg {background:#606060; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;}
    a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
    a.more-link:hover {color:#ddd;text-decoration:none;}
    /* — end of Go Basic Custom CSS — */
    #recent-posts-2 li {margin-bottom:10px;}
    .is-mobile-menu a {font-size:200%;}
    .menu-toggle-button {font-size:150% !important;}

    Best,
    David

    #47943

    Dave
    Participant

    Ahhhhh I see where I messed up. I needed to increase the size of the second rule. Made it 200 and now it’s bigger.

    Will going 250-300 break it?

    #47944

    scrambler
    Moderator

    As I said, the rule is active and working. make the rule 250% instead of 150%

    .is-mobile-menu a {font-size:200%;}
    .menu-toggle-button {font-size:250% !important;}

    If you still dont see it on the IPhone you probably have a cache issue, clear the browser data cache or test a different device

    #47945

    Dave
    Participant

    Scrambler-

    Now it’s spot on.

    I made an exact copy of the live site, followed the Weaver II Pro to Weaver Xtreme Pro to the letter. I deactivated the license in the Beta site and made it active on the replacement site.

    http://cdvps.org/xtreme

    I then saved all settings from the beta site and uploaded them to the Xtreme site above. Can’t seem to get rid of the lines for the table on the first page and every page is showing the page title. I know there’s a plugin to remove all page titles, but I try to keep plugins to a bare minimum whenever possible.

    Aside from that, I’d say the process went quite well. I aslo remove the [body] tags and will rebuild that using the plugin you suggested on the beta site. The Xtreme will eventually go/replace the live site running Weaver II Pro.

    Best,
    David

    #47946

    scrambler
    Moderator

    removing page titles is something you do on each page using the per page option “Hide page title” DO make sure you have installed the Xtreme Theme Support plugin, as page / post options at in there.

    The reason your tables have a border is because it is added in the table HTML

    <table border=”1″ cellspacing=”0″ cellpadding=”0″>

    We could override with the CSS below, but the best would be to remove the border attribute from the table HTML

    table, table td {border:none;}

     

    #47948

    Dave
    Participant

    Thanks Scrambler-

    I’ll make that change when I get home.

    For what it’s worth, I don’t recall going through every single page and removing the page/post titles. I also know this site was not built from scratch using Xtreme, but instead upgraded from Weaver II Pro. Yet, no page/post titles exist.

    I also went into the posts archives and nothing. I assure you I would have very much remembered removing the title from every single page/post. Unfortunately, I can’t remember how this was accomplished so I’m unable to replicate. 🙁

    If I must resort to a plugin, does this add a CSS code we can use then remove the plugin afterwards?

    Having to remove every page/post title is quite taxing to say the least. ☹️

    Best,

    David

    #47949

    Dave
    Participant

    Scrambler-

    That table attribute change for the borders worked perfectly. How you’re able to see inside the code is impressive and beyond me. 👍🏻

    I’m almost there. I need to copy the hamburger menu CSS settings you provided (thank you again), from the beta site to the Xtreme site. Then, since I have some time, I’ll start manually removing all page titles, then posts until they’re all done (there are many).

    Finally, when everything is done, I’ll make the transition.

    I have another task which involves adding my secondary menu within the Neighborhood Services pages. Do you recommend I start a new thread just for that topic so folks can benefit from any help provided?

    Best,

    David

Viewing 16 posts - 33 through 48 (of 57 total)

You must be logged in to reply to this topic.