Return to previous page

Help to customize my theme - by ambein - on WordPress WooCommerce support

This topic has 24 replies, 4 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

  • Avatar: ambein
    ambein
    Participant
    February 6, 2017 at 12:57

    Hello,

    I need some help to customize my theme that i have bought, the name of the theme is ID Store

    I need help to fix to my needs, if it is possible
    -The header i would like to have the first one but the background of the header to be black ( as the support help me do once on the custom css ) but i need the background to be 50% transparent when it goes to sticky menu
    – The search i need it to be on the Right side but the same way the search is on the other headers that you can click and the search expands
    -The contact number to be deleted from the search where it is now
    -And the cart to be shown because now its not shown

    Thank you

    #154085 Copied Theme version: 4.2
    23 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    February 6, 2017 at 16:20

    Hello,

    1. Add this code in custom.css file:

    .fixed-header-area {
   opacity: 0.8;
}

    2. Do you mean search icon in the top bar or search form in the header?

    3. I don’t see contact number in the header. Have you removed it?

    4. Please provide WP Dashboard credentials to check the issue.

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Regards,
    Eva Kemp.

    #154104 Copied
    Avatar: ambein
    ambein
    Participant
    February 6, 2017 at 22:20

    Hi Eva,

    The credentials are attached, also for the phone number yes i finally found how to remove it 🙂
    For the search bar i mean the one in the header because the one on the top bar i removed it. Also can you please help me make bold the attributes on this page http://kenwoodstore.al/product/dvd-2-din-kenwood-ddx7015bt/ for example the text “LLOJI EKRAN” i have tried to set h2 as bold but i dont see any change.

    Thank you for your help

    Please, contact administrator
    for this information.
    #154153 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 7, 2017 at 17:33

    Hello,

    As I see search icon is already added to the right.

    As for cart widget, I’ve enabled it in Theme Options > Header > Enable cart widget.
    Please check.

    Best regards,
    Jack Richardson.

    #154228 Copied
    Avatar: ambein
    ambein
    Participant
    February 7, 2017 at 22:37

    Thank you for adding the add to cart, can you please help me make the text white and also there is a cart on the top menu and also one in the header.

    Thank you for the amazing support 🙂

    #154260 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    February 8, 2017 at 11:44

    Hello,

    Add this code in custom.css file to get white text:

    .shop-text {
    color: white !important;
}

    and use this code to hide top bar:

    .header-top {
    display: none;
}

    Regards,
    Eva Kemp.

    #154302 Copied
    Avatar: ambein
    ambein
    Participant
    February 8, 2017 at 23:07

    Hello,

    The second css is not working, i have added it to the custom.css

    Can you please help me make bold the attributes on the product page if you can.

    Thank you

    #154353 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 9, 2017 at 08:52

    Hello,

    Please, use this code:

    .header {
    padding-top: 30px;
}

    Also, provide screenshot for our better understanding what exactly you want to change.

    Regards,
    Rose Tyler.

    #154368 Copied
    Avatar: ambein
    ambein
    Participant
    March 26, 2017 at 23:05

    Hi,

    Can you please help e to remove the space between the menu bar and the slider also under the shopping cart can you please show me how to add sign in / my account links and also under sign in / my account i would like to add a search bar because the search that i have on the menu doesn’t show on mobile.

    Please, contact administrator
    for this information.
    #157934 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2017 at 10:14

    Hello,

    You can add this code in Custom css:

    .home .page-title {
    margin: 0;
    padding: 0;
}
.home .grid_content {
    margin-top: 0;
}

    Go to Theme Options > Header > Enable top links and Enable search form in header.

    Regards,
    Rose Tyler.

    #157954 Copied
    Avatar: ambein
    ambein
    Participant
    March 28, 2017 at 00:03

    Thank you that helped. Can you please help me on one more thing, i need the search bar to be on the bottom of sign in and my account and also the text sign in and my account to be white.

    Thank you

    #158053 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2017 at 07:26

    Hello,

    You can add this code in Custom css:

    .header-links > li > a {
    color: white;
}
.header-links > li > a:hover {
    color: white !important;
}
.header{
    position: relative;
}
.header .search_form {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 20px;
}

    Regards,
    Rose Tyler.

    #158064 Copied
    Avatar: ambein
    ambein
    Participant
    March 31, 2017 at 00:51

    Hi,

    I have a problem with google maps plug in that has come with the theme, the error message that i get is ( This page didn’t load Google Maps correctly. See the JavaScript console for technical details. ) i have updated the api key and still no luck, please find in private the link of the website.

    Thank you

    Please, contact administrator
    for this information.
    #158418 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 31, 2017 at 12:30

    Hello,

    Please edit the file wp-content/themes/idstore/code/shortcodes.php, find the line 212 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>, replace the code with this <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>, add your API key instead of “YOUR_API_KEY” text in the link.

    Regards,
    Rose Tyler.

    #158448 Copied
    Avatar: ambein
    ambein
    Participant
    April 1, 2017 at 21:11

    Hi

    That didnt help the problem, please find the photos attached and i just noticed that the links where it says sign in and my account is not white.

    Please see the screenshot for both problems in the link on the private conten.

    Thank you

    Please, contact administrator
    for this information.
    #158502 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 3, 2017 at 09:59

    Hello,

    Please provide FTP access in Private Content.
    Add this code in Custom css:

    .header-links > li > a {
    color: white;
}
.header-links > li > a:hover {
    color: white !important;
}

    Regards,
    Rose Tyler.

    #158556 Copied
    Avatar: ambein
    ambein
    Participant
    April 6, 2017 at 00:40

    Hi,

    Still nothing changed. Please find in the private area the username and password because it might be something in the custom css that it needs to be changed and also the info for the ftp is also in private.

    Thank you

    Please, contact administrator
    for this information.
    #158892 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 6, 2017 at 09:18

    Hello,

    CSS – fixed. Please check.
    Sorry, but we can’t connect to your FTP with provided credentials. Please check them. Thank you.

    Regards,
    Rose Tyler.

    #158920 Copied
    Avatar: ambein
    ambein
    Participant
    April 13, 2017 at 00:39

    Hello,

    I have tried to fix it myself but no luck.

    The ftp information are in private.

    Thank you

    Please, contact administrator
    for this information.
    #159884 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 13, 2017 at 11:00

    Hello,

    I can’t connect to your FTP.
    But very likely, you didn’t replace this string <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> but added this
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false"></script>
    Please check it, you need delete the old string.

    Regards,
    Rose Tyler.

    #159957 Copied
    Avatar: ambein
    ambein
    Participant
    April 13, 2017 at 12:32

    Hi,

    I have replaced it but still nothing.

    The screenshot of the code is here http://prntscr.com/evxmjf

    #159976 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 13, 2017 at 12:46

    Hello,

    As I see, on your screenshot, you commented this code https://www.w3schools.com/html/html_comments.asp
    Please change it.

    Regards,
    Rose Tyler.

    #159979 Copied
    Avatar: ambein
    ambein
    Participant
    April 13, 2017 at 12:53

    Hi,

    I have made the changes but still the same thing http://prntscr.com/evxwcq

    #159981 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 13, 2017 at 13:46

    Hello,

    When I disabled all 3rd-party plugins, map got working.
    Now I’ve activated them back. You can deactivate them one by one to find the needed plugin.

    Regards,
    Rose Tyler.

    #159990 Copied
  • Viewing 24 results - 1 through 24 (of 24 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Corporate – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.