Docs

[iamwithU]

Thanks, Rad. Your 2nd CSS works beautifully on my iPhone. Just that I need the logo + menu to appear on my iPad too – can this be done?

As for your 1st advice, I’m lost. Since I don’t know coding, I don’t remember what is “custom headline’s class input”. Is it in Appearance/ Customise/ Custom/ Edit Global CSS? I’ve no clue what I should do there. How do I remove the big blank black spaces right on top of the “Shop” page, and the bottom of page – can guide me in detail?

For my “Shop” page, the top row words “Cookies”, “Cakes”, “Snacks”, “Patties”, “Savouries” (categories actually) – are now in white color. What CSS do I need to change these fonts to red color? This is so that they stand out from the captions of each image, which are also in white color.

Look forward to hear from you.

[Paul R]

Hi,

1. To remove black space, please see screenshot – https://www.screencast.com/t/rIcyuz4nOG

2. to make it red, you can add this under Custom > Edit Global CSS in the Customizer.

.archive.woocommerce .h-custom-headline.h5 {
    color:red;
}

Hope that helps.

[iamwithU]

Thanks Paul for your prompt reply.
Yes, your above 2nd advice works wonderfully. Appreciate it.

As for your 1st advice, I can’t seem to go to that area as seen in your screenshot. I think it’s because it’s a woo commerce archive – the “Shop” page so can’t use Cornerstone… When I choose “edit with Cornerstone”, I just get to the same “Shop” page. How do I get the words “Our Menu” to sit from the top of the screen? Right now, there is blank space from the top edge to the words “Our Menu”. Likewise at the bottom.

What about how to make my logo + Navbar appear on my iPad (as per my previous post, 1st para)? Rad had helped to effect that on my iPhone.

Look forward to hear from you.

[Paul R]

Hi,

Can you provide us the exact url of the page where we can see the issue.

Thanks

[iamwithU]

When I go to my “Shop” page, I can see these codes if I click “CSS page settings”:

#container {height:auto !important;}

.tax-product_cat .page-thumb {
display: none;
}
.woocommerce ul.products li.product h3 {font-size: 14px;}

However, if I were just to click “Edit Page”, I see these these codes (I think it’s Visual Composer):

[vc_row inner_container=”” no_margin=”true” padding_top=”0px” padding_bottom=”0px” border=”none” parallax=”” bg_video=”” marginless_columns=”true” class=”” style=”” bg_color=”#1e1e1e”][vc_column width=”1/1″ fade=”” fade_animation=”in-from-left” fade_animation_offset=”45px” id=”” class=”” style=””][custom_headline level=”h1″ looks_like=”h3″ accent=”true” id=”” class=”mbn” style=”mbn” type=”center”]

Our Menu

[/custom_headline][/vc_column][/vc_row][vc_row inner_container=”” no_margin=”true” padding_top=”0px” padding_bottom=”0px” parallax=”” bg_video=”” marginless_columns=”true” class=”” style=”” border=”vertical” bg_color=”#212020″][vc_column width=”1/6″ fade=”” fade_animation_offset=”45px” id=”” class=”” style=””][custom_headline type=”center” level=”h5″ looks_like=”h5″ accent=”” id=”” class=”” style=””]

Cookies

[/custom_headline][product id=”118″][product id=”112″][product id=”115″][product id=”119″][product id=”119″][/vc_column][vc_column width=”1/6″][custom_headline type=”center” level=”h5″ looks_like=”h5″ accent=”” id=”” class=”” style=””]

…. etc.

Perhaps some of the codes above are causing the blank spaces on top and below of my “Shop” page?

[Paul R]

Hi,

Please change this

[custom_headline level="h1" looks_like="h3" accent="true" id="" class="mbn" style="" type="center"]

Our Menu

[/custom_headline]

to this

[custom_headline level="h1" looks_like="h3" accent="true" id="" class="mbn mtn"  type="center"]

Our Menu

[/custom_headline]

Then add this in Custom > Edit Global CSS in the Customizer

body p:empty {
   display:none;
}

Hope that helps

[iamwithU]

Hi Paul,
No it didn’t work – something funny happened. My title “Our Menu” got shrunk into something like a footnote – see attached screen shot.

Any advice about putting back the logo + Navbar to the “Shop” page on my iPad?
Appreciate your prompt responses.

[Paul R]

Hi,

I went ahead and fix it.

Please edit it in text tab and not in visual tab.

Thanks

[iamwithU]

Sorry Paul. I think you must have worked on it while I tried to restore to previous version. Now things are wonky on the “Shop” page. Can you kindly fix it again? Thanks for the urgent help!

[Paul R]

I was able to fixed it.

Kindly check on your end.

Thanks

[iamwithU]

Awesome. Thanks Paul. It works now.

Will appreciate your kind advice:

(1) There’s some blank space at the bottom of the “Shop” page. Any way to remove that too? So the last product image will sit at the edge of the screen, just above the bottom menu bar.

(2) For each product page, there are 2 words right below the main image “STOP SLIDESHOW” (or “START SLIDESHOW”). Can I trouble you to kindly give me the CSS to change these 2 words to small letters: “stop slideshow” & “start slideshow”. And only if possible, in italics, slightly smaller & in Georgia font?

Grateful for your help.

[Christopher]

Hi there,

#1 Please add man pan in third content band’s class field, see the attachment.
#2 Please add following code in customizer:

.product_gallery .a3dg-navbar-control .icon_zoom span, .product_gallery .a3dg-navbar-control .slide-ctrl span {
    text-transform: lowercase;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Hope it helps.

[iamwithU]

Hi Christopher,
Your advice #2 works. Thanks.
As for your advice #1, I have no clue where to go. Where is this “third content band’s class field”?

Your attachment is not something I have seen before. Do I do it at the “Edit With Visual Composer”? That’s the only other place I know other than the customiser.

Yes, I like to start a new thread too, but the same issue about the “Shop” page is still unresolved – i.e. the empty space at the bottom of the “Shop” page. I still can’t remove the blank space. Besides, I have provided my link to my site in this thread.

[Rad]

Hi there,

How did you add the content/shortcode below the products? That’s the same way you’ll update the 3rd content band’s class.

Please start a new thread with your admin and FTP login credentials. Reading back a long thread to see track the issues is harder to manage 🙂

Thanks!

[iamwithU]

I did not add any content nor shortcake below the products. I don’t know coding. Can somebody tell me where is this “third content band’s class field”?

Or is there a support staff who can guide me to remove the bottom empty space of the “Shop” page?

Quite early in this thread, I asked for empty spaces to be removed from the left, right, top and bottom of the “Shop” page. I’ve had advice from various support staff, but up to now, I still can’t get the bottom empty space removed. Sigh, now I’m asked to re-start a new thread all over again…

[Author]

Posts