New Topic

Customization (My Website)

Home › Forum › Customization › Customization (My Website)

This topic contains 100 replies, has 3 voices, and was last updated by  StartupWP 4 years, 2 months ago.

Viewing 25 posts - 1 through 25 (of 101 total)
  • Author
    Posts
  • #827

    uendi
    Participant

    Hello StartupWP,

    I apologised for the confusion made.

    My live site is uendi.com. I have some further question which I really unable to solve :-

    1. I would like to remove the black line from the submenu dropdown and also the “transparent” screen which can see through, http://prntscr.com/19i460 ?

    2. How to adjust the margin / align set from “Contact Us” page, http://prntscr.com/19ifpr ?

    3. How to add in cursor pointer http://prntscr.com/19c1x7, to place in front of the “Digital Software and so on” ?

    Thanks.

    #828

    StartupWP
    Keymaster

    1. Use:

    nav ul li:hover ul li a, nav ul ul li:hover ul li a, nav ul ul ul li:hover ul li a {
      border: 0 none;
      opacity: 1;
    }

    2. Currently the text you’ve added looks something like:

    <em>Please don’t hesitate to contact us if you have any questions, comments or messages. </em>
    <em>We’ll                                                                                         </em>
    <em>try to repond to everything!</em>

    Edit “Contact Us” under Pages and then switch to the Text/HTML editor and make that:

    <em>Please don’t hesitate to contact us if you have any questions, comments or messages.
    We’ll try to repond to everything!</em>

    The Visual editor is unreliable and messes things up just like this.

    3. For bullets, try:

    #menu-my-list-of-categories li {
      list-style: disc outside none;
    }

    https://startupwp.com/topic/customizing-your-theme/

    #829

    uendi
    Participant

    Hello StartupWP,

    Thank you for your advise.

    My further question :

    1. 3. For bullets, try: #menu-my-list-of-categories li {
    list-style: disc outside none;
    }

    I would like to add in “arrow” icon, so from the given code, where can I insert ?

    2. I have installed a tablepress plugin. No matter how I insert any Css code, it is not working at all. So as for this supporting side, I will need to request from tablepress, is it right ?

    Thanks.

    #832

    StartupWP
    Keymaster

    1. Use:

    #menu-my-list-of-categories li a {
      display: inline;
    }
    #menu-my-list-of-categories li:before {
      content: "→";
    }
    #menu-my-list-of-categories li {
      color: #009DD5;
      line-height: 10px;
      list-style: none outside none;
    }

    You can replace the arrow symbol with any other, for example see:

    http://www.w3schools.com/tags/ref_symbols.asp

    2. We might be able to help. Direct link to a page where you’re using this plugin and details of the issue please.

    Might be a good idea to also post here in the meantime:

    http://wordpress.org/support/plugin/tablepress

    #836

    uendi
    Participant

    Hello StartupWP,

    Thank you so much for your advise.

    Question :-

    1. How to adjust the space between the arrow icon and the word “Software” ? http://prntscr.com/19vfwe

    (I have added in the adjustment of padding and margin for it, but is not working properly).

    2. Please refer to the screenshot ” http://prntscr.com/19vg3h “, you can see there is a text “Computers” shown, if I want the sub-menu text “Software” to appear under “Computers” after clicking
    on it , http://prntscr.com/19vgor . Please advise.

    3. Now, it’s regarding of Contact Form 7, do you have any idea of how :-

    a) To change the background color of the “Submit” box ?

    b) To add in the red color of * sign beside the word “Name” and “Email” ?

    Thanks.

    #837

    uendi
    Participant

    Hello StartupWP,

    I would like to add in one more question, that is:

    4. How to create a big border around the whole page ? As for those supporting forum, I not really understand as is it necessary to style in the page.php file ?

    Thanks

    #839

    StartupWP
    Keymaster

    1. Change:

    #menu-my-list-of-categories li li:before {
      content: "▶";
      padding: 16px;
    }

    to:

    #menu-my-list-of-categories li li {
      content: "▶";
      padding: 0 0 0 13px;
    }

    2. Use:

    #menu-my-list-of-categories .sub-menu {
      display: none !important;
    }
    #menu-my-list-of-categories li:hover .sub-menu {
      display: inline !important;
    }

    3a. Use:

    #content input[type="submit"], #content input[type="reset"], #container #searchsubmit, .button, #new-topic {
      background: none repeat scroll 0 0 #666666;
      border: 0 none;
      box-shadow: none;
    }

    3b. When editing your form in the Contact Form 7 options, wrap the asterisks with a span like so:

    <span class="aster">*</span>

    Then add this CSS:

    .aster{color:#FF0000}

    4. You’ll either want:

    html {
      border: 10px solid #000000;
    }

    Or:

    #container {
      border: 4px solid #000000;
    }

    https://startupwp.com/topic/customizing-your-theme/

    #841

    uendi
    Participant

    Hello StartupWP,

    Thank you for your advise.

    As for the item no :-

    2. #menu-my-list-of-categories li:hover .sub-menu {
    display: inline !important;
    }

    After I add in, I find that it’s very weird, what I want is, when the mouse cursor click on it (Computers) text, then the “software” text will appear…

    3b. <span class=”aster”>*</span>

    I do not know where to insert this code, as you mentioned-above, to edit my form from Contact Form 7 Option, is it edit from http://prntscr.com/19x7p9 ?

    4. html {
    border: 10px solid #000000;
    }
    Or:

    #container {
    border: 4px solid #000000;
    }

    I intend to create a border to one of the page, so this code is pasted on that page or under Appearance = StartupPro Option ?

    Thanks.

    #842

    uendi
    Participant

    Hello StartupWp,

    Refer to my previous question of item no 4:-

    I would like to draw a big border between the text “All Categories” (eg. http://prntscr.com/1a0d8x ) ? And this given code is pasted on the StartupPro Option ? Then the page with the border, what do I need to insert ?

    Sorry for the misunderstanding given.

    Thanks.

    #844

    StartupWP
    Keymaster

    2. You could try:

    #menu-my-list-of-categories .sub-menu {
      display: none !important;
    }
    #menu-my-list-of-categories li:hover .sub-menu {
      display: block !important;
    }

    OR

    #menu-my-list-of-categories .sub-menu {
      display: none !important;
    }
    #menu-my-list-of-categories li:active .sub-menu {
      display: inline !important;
    }

    OR

    #menu-my-list-of-categories .sub-menu {
      display: none !important;
    }
    #menu-my-list-of-categories li:active .sub-menu {
      display: block !important;
    }

    3b. Looking at your screen (http://prntscr.com/19x7p9), see where the following line for example is:

    <p>Name *<br />

    Update to:

    <p>Name <span class="aster">*</span><br />

    4. Something like this?:

    .widget-container {
      min-height: 200px;
    }
    #menu-my-list-of-categories li a {
      border: 1px solid #666666;
      display: inline-block;
      margin: 3px 0;
      padding: 2px 5px;
      width: 80%;
    }

    All CSS provided can be placed in your child theme.

    #845

    uendi
    Participant

    Hello StartupWP,

    1. #menu-my-list-of-categories .sub-menu {
    display: none !important;
    }
    #menu-my-list-of-categories li:hover .sub-menu {
    display: block !important;
    }
    OR
    #menu-my-list-of-categories .sub-menu {
    display: none !important;
    }
    #menu-my-list-of-categories li:active .sub-menu {
    display: inline !important;
    }
    OR
    #menu-my-list-of-categories .sub-menu {
    display: none !important;
    }
    #menu-my-list-of-categories li:active .sub-menu {
    display: block !important;
    }
    }

    Regarding of the above item code given, as I can say “Very thank you”. However, I still cannot get the code I want. By the way, I saw a site:-

    http://stackoverflow.com/questions/8232176/jquery-show-submenu-if-parent-have-been-clicked, and there are two Javascript that is what I looking for ” I want to show the submenu
    only when submenu parent is clicked.
    “, is it possible to convert them http://prntscr.com/1aecj6 to CSS code for me ?

    2. I would like to create a big box in a page, http://prntscr.com/1aeqgf , please advise ?

    Thank you.

    #846

    StartupWP
    Keymaster

    1. This is what you’re wanting to do correct?:

    http://www.ryancollins.me/?p=1041

    If so, it should be able to be accomplished with only CSS.

    2. See shortcodes: https://startupwp.com/demo/shortcodes/

    You could start with:

    [sp-box-l]<h2>All Categories</h2>[/sp-box-l]

    But, it might be easier to just use a plugin:

    http://wordpress.org/plugins/category-grid-view-gallery/
    http://wordpress.org/plugins/list-category-posts/

    Actually, the best option may be to simply use the Grid page template. Remember how to edit a page and change the page template? You might simply create a page called “All Categories”, set it to the Grid template and then under Appearance > Widgets add multiple category widgets to the Grid area using a plugin like:

    http://wordpress.org/plugins/extended-categories-widget/

    #854

    uendi
    Participant

    Hello StartupWP,

    I am trying to set a footer area for my site. However, I do not know whether I am setting correctly or not. I did this step by step :

    1. I go to Appearance => menu => create a menu named “footer menu”.
    2. Followed by Appearance => widget => drag custom menu to footer widget area.
    3. Finally go to Appearance => StartupPro Options to set css style.

    When I go to my site, everything no changes at all.

    Please advise.

    Thanks.

    #855

    StartupWP
    Keymaster

    Right there under Appearance > Menus, you can actually assign the footer menu to the footer from the dropdown option, the same way you can set the main menu.

    #857

    uendi
    Participant

    Hello StartupWP,

    1. I would like to have my footer area :
    a) Background : black colour,
    b) Height : (some px but I don’t know yet),
    c) and “Contact Us” (refer to my site) : without underline.

    I set the css code like #footer {….. , .footer {….. , #my-footer-menu {…. , #footer-widget-area {…, and so on, but is not working at al.

    2. If I want to insert “facebook icon” at the footer area which either just above “Contact Us” text or right hand footer area, may I know what ccs code I need to add in ?

    3. If I want to create one or two more footer widget area, is it available for startupPro version and how to do it ?

    4. I have added in a plug “JQuery Mega Menu Widget” , I go to Appearance => menu, and => widget and set everything that I want. From the supporting forum, I still can’t get the thing I want.
    I want to click or hover on the “Store” text under menu bar, then a drop down list like http://prntscr.com/1apkhe or http://prntscr.com/1apg2p appear ?

    One more thing, is do I need to create anything on the page, like what you mention, create a page called All Category and set it to Grid Template…?

    Thank you.

    #859

    StartupWP
    Keymaster

    1. Use:

    footer {
      background: none repeat scroll 0 0 #000000;
      height: 30px;
      padding: 1px 0 65px;
    }
    footer a, #copyright {
      color: #888888;
      text-decoration: none !important;
      text-shadow: none !important;
    }

    2. Try utilizing the footer area under Appearance > Widgets.

    3. Hold tight, and we’ll get back to you with a solution for this.

    4. This might be something you’ll want to ask here as we’re not savvy to the plugin or how it works:

    http://wordpress.org/support/plugin/jquery-mega-menu

    “One more thing, is do I need to create anything on the page, like what you mention, create a page called All Category and set it to Grid Template…?”

    Nope, just leave the page content blank.

    #860

    uendi
    Participant

    Hello StartupWP,

    Thank you for your advise.

    1. May be I know why I am stuck with this plugin “JQuery Mega Menu Widget”, I saw a video http://www.youtube.com/watch?v=HsOHSgP9_VA, from Appearance => Menu, I can see the
    StartupPro version don’t have this additional option, please refer these screenshot below :

    http://prntscr.com/1arfbm
    http://prntscr.com/1arfh7
    http://prntscr.com/1arfs5
    http://prntscr.com/1arg7c

    Is it available to add in any plugin ?

    2. From my site, I would like to hide the “Privacy Policy” text from the navigation menu bar ?

    Thanks.

    #864

    StartupWP
    Keymaster

    1. This is something you’ll need to post here http://wordpress.org/support/plugin/jquery-mega-menu – Where the creator(s) of the plugin should be able to help you.

    2. Edit your menu under Appearance > Menus. Make sure to either delete out “Privacy Policy” from the menu or uncheck the box “Automatically Add New Top-level Pages”.

    Now for creating new widget areas:

    – You’ll need to first copy over functions.php from the parent theme to your child theme

    – Open it up and find:

    register_sidebar( array (
    'name' => __('Footer Widget Area', 'startup' ),
    'id' => 'footer-widget-area',
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    'after_widget' => "</li>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );

    – Simply duplicate below and change to say:

    register_sidebar( array (
    'name' => __('Footer Widget Area 2', 'startup' ),
    'id' => 'footer-widget-area-2',
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    'after_widget' => "</li>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );

    – Now, copy over footer.php to the child theme, open it up and add wherever you want the widget area to appear:

    <div id="footer-sidebar">
    <?php if ( is_active_sidebar('footer-widget-area-2') ) : ?>
    <div id="fsidebar" class="widget-area">
    <ul class="sid">
    <?php dynamic_sidebar('footer-widget-area-2'); ?>
    </ul>
    <div class="clear"></div>
    </div>
    <?php endif; ?>
    </div>

    – You can now find it under Appearance > Widgets to add widgets to

    Repeat for any other widget areas you want to add.

    #866

    uendi
    Participant

    Hello StartupWP,

    Thank you for your advise.

    1. Regarding of the creating new widget areas :

    I have copied function.php from parent theme to child theme by using FireZilla. After copying, I tried to open it, but cannot as it shows:

    Warning: require_once(wp-updates-theme.php) [function.require-once]: failed to open stream: No such file or directory in /home/uendic5/public_html/wp-content/themes/startuppro-
    child/functions.php on line 521

    Fatal error: require_once() [function.require]: Failed opening required ‘wp-updates-theme.php’ (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/uendic5/public_html/wp-
    content/themes/startuppro-child/functions.php on line 521

    So what must I do now ?

    2. Edit your menu under Appearance > Menus. Make sure to either delete out “Privacy Policy” from the menu or uncheck the box “Automatically Add New Top-level Pages”.

    I have gone to edit the “Privacy Policy” text by deleting from Appearance => Menus and also uncheck the box. However, it still appears on the menu bar. As I notice that once I create a
    “Privacy Policy” page and click publish, it will automatically appear on the menu bar without any other setting on it. Please advise.

    Thank you.

    #868

    StartupWP
    Keymaster

    1. Make sure to make changes locally before uploading via FTP and always keep a vanilla copy of files on hand.

    You’ll want to download a fresh copy of the theme, unzip, grab the vanilla functions.php file and upload over the edited one.

    2. This may have something to do with the menu plugin you’re using. Can we see a screenshot of your Appearance > Menus settings please.

    #870

    uendi
    Participant

    Hello StartupWP,

    1. I have copied this function.php from the download theme which is in my computer. After that, I uploaded from the FTP to my child theme. I just want to double check with you first before I start
    my work.

    I have referred to the wordpress support forum and noticed that function.php is different from style.css file. So before copy to the child theme, I have to make some editing from the function.php
    http://prntscr.com/1az575, then copy the edit function.php to the child theme, is it right?

    So I just input the opening PHP tag, closing PHP tag and a little bit of PHP to create an edited copy for the child theme before uploading,

    2. This is the screenshot for the menu settings :

    a) Main menu (Upper portion) http://prntscr.com/1az7r8,
    b) Main menu (Bottom portion) http://prntscr.com/1az7wu, and
    c) Footer menu portion http://prntscr.com/1az8ax

    3. Can I know how to adjust the footer spacing between “Contact Us” text and Copyright ?

    Thanks.

    #871

    uendi
    Participant

    Hello StartupWP,

    Refer to your previous reply post :

    – Now, copy over footer.php to the child theme, open it up and add wherever you want the widget area to appear:

    <div id=”footer-sidebar”>
    <?php if ( is_active_sidebar(‘footer-widget-area-2’) ) : ?>
    <div id=”fsidebar” class=”widget-area”>
    <ul class=”sid”>
    <?php dynamic_sidebar(‘footer-widget-area-2’); ?>

    <div class=”clear”></div>
    </div>
    <?php endif; ?>
    </div>

    Can I add them in just after :

    <div id=”footer-sidebar”>
    <?php if ( is_active_sidebar(‘footer-widget-area’) ) : ?>
    <div id=”fsidebar” class=”widget-area”>
    <ul class=”sid”>
    <?php dynamic_sidebar(‘footer-widget-area’); ?>

    <div class=”clear”></div>
    </div>
    <?php endif; ?>
    </div></div>

    Followed by :

    <?php wp_footer(); ?>
    </body>
    </html>

    Thanks.

    #874

    StartupWP
    Keymaster

    1. That’s correct and apologies, even we learned something new about child theming :). So here’s what all you’ll want in your child theme functions.php so far:

    <?php
    add_action( 'widgets_init', 'startup_widgets_init_child' );
    function startup_widgets_init_child() {
    register_sidebar( array (
    'name' => __('Footer Widget Area 2', 'startup' ),
    'id' => 'footer-widget-area-2',
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    'after_widget' => "</li>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    }

    And that’s all, we’ve now registered a new widget area.

    Next, wherever you want that widget area to appear, you’ll copy over that file (in this case you do want to duplicate the whole file from the parent theme) and then add:

    <div id="footer-sidebar">
    <?php if ( is_active_sidebar('footer-widget-area-2') ) : ?>
    <div id="fsidebar" class="widget-area">
    <ul class="sid">
    <?php dynamic_sidebar('footer-widget-area-2'); ?>
    </ul>
    <div class="clear"></div>
    </div>
    <?php endif; ?>
    </div>

    And finally, you of course assign widgets to the widget area under Appearance > Widgets.

    2. Aah yes, http://prntscr.com/1az7r8 – See top-left, you’ve assigned the footer menu on the dropdown, but haven’t yet assigned the main menu in the dropdown option, then make sure to save.

    #875

    uendi
    Participant

    Hello StartupWP,

    Thank you for your advise.

    I have followed your guidance to create a new widget area for my theme. However, I have tried times for copying and editing functions.php and footer.php, there is no new widget area appear when
    I go to Appearance => widget.

    Please advise.

    Thanks.

    #880

    StartupWP
    Keymaster

    Looks like all it needed was the closing ?>, so:

    <?php
    add_action( 'widgets_init', 'startup_widgets_init_child' );
    function startup_widgets_init_child() {
    register_sidebar( array (
    'name' => __('Footer Widget Area 2', 'startup' ),
    'id' => 'footer-widget-area-2',
    'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
    'after_widget' => "</li>",
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
    ) );
    }
    ?>

    Here’s a full working example:

    https://startupwp.com/downloads/support/startuppro-child%28adding-new-widget-area%29.zip

    Remember, since you already have a child theme installed, you cannot simply install this new one. Make sure to combine all your child theme customizations into one child theme and upload via FTP.

Viewing 25 posts - 1 through 25 (of 101 total)

The topic ‘Customization (My Website)’ is closed to new replies.