-
AuthorPosts
-
stupendoman Friend
stupendoman
- Join date:
- April 2014
- Posts:
- 9
- Downloads:
- 4
- Uploads:
- 0
- Thanks:
- 2
- Thanked:
- 1 times in 1 posts
April 30, 2014 at 4:27 pm #197240Hi everyone 🙂 I have 2 little problems that I cant solve by myself.
This is my website: http://www.coinrings.it
First one is that in the corporate slideshow I have 2 boxes instead of the 2 Glyphicon arrows.
Second one is that I cant see the content of the homepage on mobiles, I can only see the logo and mainmenu.
I have 2 different templates, one for the homepage (corporate) and one for others pages (portfolio – default).
Can you help me? thanks a lot
Alessiochavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 1, 2014 at 4:35 am #5330821. First one is that in the corporate slideshow I have 2 boxes instead of the 2 Glyphicon arrows.
– Go to this File : /templates/purity_iii/css/themes/coinrings/bootstrap.css
Replace this code
@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }with
@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
2. Second one is that I cant see the content of the homepage on mobiles, I can only see the logo and mainmenu.
– you have missed a DIV tag to be closed either in the Slideshow or any of the content displaying on the home page.
stupendoman Friendstupendoman
- Join date:
- April 2014
- Posts:
- 9
- Downloads:
- 4
- Uploads:
- 0
- Thanks:
- 2
- Thanked:
- 1 times in 1 posts
May 1, 2014 at 8:07 am #533099great you solve all my problems!
thanks so much!May 21, 2014 at 3:00 pm #536084I’m Having the same problem but I tried your fix with changing the code without success. My slideshow ist at http://borkholderarchery.com/map
Update: I reinstalled the T3 Plugin (2.1.6) and ran LESS to CSS [red] theme only and now it work.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 22, 2014 at 1:46 am #536146Is it solved or need any help on this ?
May 22, 2014 at 3:37 pm #536249I thought it was solved but now it disappeared again. Yes, I could use assistance. I will PM details.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 26, 2014 at 2:31 am #536602@touchdown, you maps looks good. can you please post a screenshot of what the issue is.
May 26, 2014 at 12:08 pm #536683@chavan , I moved the slideshow to the home page. Here’s a screenshot of issue. http://borkholderarchery.com/images/public/navigation-arrows.jpg
I would also like to move the “carousel indicators” below the slideshow can I add code to the custom.css file or should I change the original css file?
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 27, 2014 at 1:56 am #536740lets fix the issue first,
1. Go this file: /templates/purity_iii/css/themes/red/bootstrap.css
Replace this code
@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }with
@font-face { font-family: 'Glyphicons Halflings'; src: url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('../../../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../plugins/system/t3/base-bs3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }2. I would also like to move the “carousel indicators” below the slideshow can I add code to the custom.css file or should I change the original css file?
– yes you can add the css to custom.css
May 27, 2014 at 5:27 pm #536856@chavan
I did replace the code but it didn’t help.Also reinstalled the T3 Plugin
Also tried “LESS to CSS” but I get an error see screenshot: http://borkholderarchery.com/images/public/screenshot-less-css-error.png
I can send you Admin details if needed.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 28, 2014 at 1:51 am #536897sure please post me your admin details in PM.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
May 29, 2014 at 4:04 pm #537099Go to this File: /templates/purity_iii/css/themes/red/bootstrap.css
This is the code you need to change to achieve it.
.carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: none; color: #ffffff text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '2039'; } .carousel-control .icon-next:before { content: '203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff border-radius: 10px; cursor: pointer; background-color: #000 9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } -
AuthorPosts
This topic contains 15 replies, has 3 voices, and was last updated by chavan 10 years, 5 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum