-
-
I have several issues, which I can’t seem to find a direct answer for
1) I have a strange sidebar appearing in the body content, in some browsers but not others, and also across mobile devices
2) The Menu on mbl devices is not appearing correctly. On iPad the menu is forced down into the page heading.
3) The menu on a phone when is appears as lines, is not actually visible when you click it
4) MBL formatting on most pages is generally waaaaaaaaaaay out of whack (outside of page and overlapping with website background)
5) On a portfolio item, how do I REMOVE the “product description” and “details” heading and the space where the details would go if I had the text at he bottom of the image?
6) On the Porfolio page, when you hover on the portfolio item, it shows the “slug” not the description… how can I change this?
7) Again, on the portfolio page, when I hover, if the portfolio item name is long, the text goes over the hover box (doesn’t look neat), and also is not vertically centered. Is there a way to constrain the width to the same width as the hover box?
-
Hello,
1-Can you please post a link of the page you are getting this?
2-You can fix the menu getting down in ipad, by reducing the menu padding/margin between the menu items. Go to Tower > Header Options > Menu Options > Menu Items padding/Menu Items margin. Decrease the values here until you are satisfied with the result.
3-Most probably the font of the menu items is the same as the background color and that is why it’s invisible to you. To change this, please add this code into your General Options > Custom Css box:
.menu-small ul.menu > li > a { color: #8d6dc4 !important; }
Change the color to your wish.
4-Sorry , i don’t understand. What type of formatting are you referring to? Can i see a page where you are using this?
5-Please add this code into your custom css box:
.portfolio_single h4 { display: none; }
6-Please go to file includes\view\portfolio\loop-grid.php and find these lines:
if(is_object($item_categories) || is_array($item_categories)) { foreach ($item_categories as $cat) { $sort_classes .= $cat->slug.' '; } }
Add
$sort_classes .= $cat->name
. Then add this variable where it’s called in the portfolio loop. See screenshot: https://postimg.cc/image/fjxrs65rb/
The complete code of the edited file can be found here: https://codeshare.io/5XmVgk7-You can fix this with custom css. Can i please see a link of the page?
Best regards!
-
Hi there,
I tried to add the images, but obviously it didn’t work…. here are all the links below.I will take a look at your comments and see what I can rectify…
https://postimg.cc/image/5w2vug0hd/
[url=https://postimg.cc/image/77an2egi9/][img]https://s8.postimg.cc/77an2egi9/image1.png[/img][/url]
[url=https://postimg.cc/image/iwemqe2c1/][img]https://s8.postimg.cc/iwemqe2c1/image2.png[/img][/url]
[url=https://postimg.cc/image/okkxh9r8x/][img]https://s8.postimg.cc/okkxh9r8x/image3.png[/img][/url]
[url=https://postimg.cc/image/pa3ptmzi9/][img]https://s8.postimg.cc/pa3ptmzi9/image4.jpg[/img][/url]
[url=https://postimg.cc/image/stpnjfmsh/][img]https://s8.postimg.cc/stpnjfmsh/image5.jpg[/img][/url]
- This reply was modified 5 years, 10 months ago by helentren.
-
Oh, another item:
8) is there a way to link to a specific portfolio CATEGORY?
If I add the url slug at the end of the portfolio page url, is redirects to a 404 page,
For example, in my staging environment, I have an “articles” page (which is a portfolio page), and I want to link directly to one of the categories, eg profiles… is this possible?
https://helen.wilgatree.com/articles/- This reply was modified 5 years, 10 months ago by helentren.
-
1) still outstanding – see image above
2) resolved – THANKS!
3) resolved – THANKS!
4) still outstanding – see image above
5) resolved – THANKS!
6) still outstanding – requesting access to php files from staging host
7) still outstanding – see image above
page link – https://helen.wilgatree.com/articles/
example is 2nd row, 1st image (anita & Tania) – hover image extends past hover colour overlay, also 3rd row, 6th image (HIV story) – not vertically centered
8) still outstanding – newly added
-
Hello,
1-If this: https://postimg.cc/image/pznqtzipz/ is what you are referring to for the “strange sidebar” then please know that this is just the boxed layout in mobile. Sure it can be fixed for the content to fit in the boxed container. For this please go to Tower > Layout > Boxed Container Width with percentage, set it to 100%.
Then add this custom css into your Custom Css box in Tower > General Options:@media (max-width: 480px){ #logo img { height: 50px !important; }}
To fix logo. See screenshots of result: https://postimg.cc/image/qg8yg83uf/
-I see the Visual Composer plugin is not active anymore because the shortcodes are showing.
Please enable it so i can keep on testing theme layout.
If you want i can make all necessary changes for you. Just send me some valid wp credentials in a private reply.Do not worry your data is safe with us.
8-Sorry but this is not possible.
Best regards!
- This reply was modified 5 years, 10 months ago by Mirela.
-
Hi there,
Thanks for yor responses….1) NO, that’s not what I was taking about… this is the example:
https://postimg.cc/image/dnycocj3l/
It’s not just limited to MBL, my client is seeing this on her iMac, using SafariI do want the boxed layout, however, I want the content contained WITHIN the box.
I’ve added your code to the custom css for @media, and this has improved the layout on MBL phones, but not on iPads, see below:
https://postimg.cc/image/c8wrzkcup/Am I not able to have a boxed content on MBL versions?
6) in the loop-grid.php file, you’ve asked me to add: $sort_class .= $cat->name.’ ‘;
looking at the screenshot examples, do you actually mean: $sort_name .= $cat->name.’ ‘;I’ve updated the .php file, but it doesn’t seem to have worked…
8) WOW… that’s dissappointing… and surprising :-(9) NEW – Am I able to alter the speed of the scrolling client logos? and make it fade in and out like the testimonials? (home page)
Also, is there a way to increase the width of the client logos? or do they all have to be square?
10) NEW – Am I ble to add more whitespace around the images on the portfolio page?
Visual Composer Plugin is turned back on….
Thanks for the offer to fix up things for me, but I’d rather make all changes myself, so I can learn how to tweak in future, if you’re okay with that.THANKS!!!
-
Hello,
1-I already gave you the solution for this in point 1 or previous reply. Just go to Tower > Layout > Boxed Container Width with percentage, set it to 100%.
6-Perhaps you are using another portfolio style. Just go to folder tower\includes\view\portfolio here are the portfolio files. Open them one at a time and do these changes. Check your portfolio for changes. Make sure to clear cache and refresh page after each change. Some servers take a bit in showing changes.
9-Go to file js/main.js and find this block:
/*------------------------------ Clients Carousel ------------------------ */ function clientsCarousel() { "use strict"; var $self = $('.clients_caro'); if ($self.length) { $self.css('display', 'none'); $self.imagesLoaded(function() { $self.css('display', 'block'); $self.carouFredSel({ items: 4, auto: true, scroll: { items: 1, duration: 500 }, prev: { button: $self.parents('.clients_el').first().find('.prev') }, next: { button: $self.parents('.clients_el').first().find('.next') } }); }) } }
Change the
duration
to your wish.
Related topic: https://support.codeless.co/?topic=client-carousel-speed-To change image sizes (clients etc), please refer to this article: https://support.codeless.co/?ht_kb=ideal-image-size
or use custom css. Add the css in General Options > Custom Css box.10-When using a portfolio page (portfolio template), then you can only select two styles: with spaces between portfolio items / no spaces. Select the “with spaces” and adjust the space using custom css. The same goes for Visual Composer “Recent Portfolio” element. Select style with spaces and adjust it further with custom css.
Note: Please know that these are personal preference customizations and technically not included in support. Read more on our support policy here.
Best regards!
-
6) Thanks – have updated loop-masonry and it is now showing the name, not slug… however, it seems to be repeating the category name – see image
https://postimg.cc/image/til23axf5/19db321b/
Thanks for the info regarding personal customisation – I’m obviously a newbie, so not sure about what is what… Thanks for your help!
I’ll have a look at the css for the spacing and client carousel :-)UPDATE – I”ve tried to tweak the headings overlapping the overlay of the portfolio items in custom css, but I’m not having luck at all… I’ve tried both of the following…
.portfolio-item.overlayed h4{ max-width: 80% !important;}
.portfolio-item.overlayed h6{ max-width: 100px !important;}- This reply was modified 5 years, 10 months ago by helentren.
-
Hello,
Can you post the code of the file includes\view\portfolio\loop-grid.php in https://codeshare.io/ ?
So i can check what is needed to edit.Best regards!
-
Hi there,
here is the code for file includes\view\portfolio\loop-grid.php
here is the code for the file includes\view\portfolio\loop-masonry.php
Thanks
-
Hello,
I made the necessary change in both codes. Please copy it again and paste it in your site.
Note: Open your own same links. You can edit code directly in shared codeshare.io links. So it was not necessary for me to create new links.
-As for the portfolio overlay custom css, i am not entirely sure what you want to do, but i suggest you change the css to this:
.portfolio-item.overlayed h4 { width: 80% !important;} .portfolio-item.overlayed h6 { width: 100px !important;}
Let me know how it goes.
Best regards!
-
PERFECT!!
Thanks so much – that fixed up the duplicating category names on the portfolio image hover.In regards to portfolio overlay custom css, I’m trying to rectify the overlapping of the heading with the hover. The text extends past the edge of the hovered block, see image below – this just looks wrong, so I was trying to make it not so wide…. unfortunately, neither of the css is working…
https://postimg.cc/image/ibi8j1n5d/
-
Hello,
Please try this code instead:
.portfolio-item.overlayed .overlay .center-bar { margin-left: 25px !important; } .tpl2 .center-bar { top: 45% !important; width: 80% !important; }
Result screenshot: https://postimg.cc/image/i7gfaqlmv/
Best regards!
-
Thanks, unfortunately, this coding hasn’t worked :-(
I cleared my cache, tried another browser, still showing as overlapping:
-
Hey,
Where did you add it? Can you show me the other code present there? Perhaps a comma or something else it’s stopping it from giving effect.
There is no reason for it not to work, as you already saw in the screenshot.Best regards!
-
I copied from your comment above as directed, nd pasted under tower > general > custom css,
-
-
You have a missing bracket: https://postimg.cc/image/d8xia2wyv/
Let me know!
- This reply was modified 5 years, 10 months ago by Mirela.
-
-
If you like our theme and support, please leave a review on Themeforest, it’s important for us :)
Thank You!
Best Regards! -
-
You must be logged in to reply to this topic.