-
Closed
-
Hi there,
I updated the theme evolve plus on the version 2.5.1 and now I have problems with some pages
Page
http://nordsee-schillig.de/The title on the slideshow is shown incorrect on the desktop and responsive version
Before updating
http://prntscr.com/9z8zk0
After
http://prntscr.com/9z916zSome bullet points (checklist) are shown incorrect
Before updating
http://prntscr.com/9z92ew
After
http://prntscr.com/9z9bfkButtons are shown incorrect
Before updating
http://prntscr.com/9z92z0
After
http://prntscr.com/9z9blcCan you help?
Thanks!
Sandra
Here is my custom css
/* Anpassungen Bootstrap Slider */
#bootstrap-slider .carousel-caption {
background: none;
left: 0;
right: 0;
padding-top: 0;
padding-bottom: 40px;
bottom: 0;
}
#bootstrap-slider .carousel-caption h2 {
background: none;
padding-top: 0;
padding-bottom: 110px;
bottom: 0;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
}
#bootstrap-slider .carousel-caption .button {
background: rgba(0,0,0,.4);
border-width: 2px;
border-color: rgba(255,255,255,.8);
box-shadow: none;
bottom: 100px;
position: relative;
}
/*Formatierung responsive Bootstrap slider*/
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption p, #bootstrap-slider .carousel-caption .button {
cursor: pointer;
display: block !important;
margin: 0 auto;
width: 60px !important;
}
}
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption h2 {
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption .button {
bottom: -15px;
position: relative;
}
}
/*Formatierung Abstand zum Head*/
.absatzneg {
margin-top: -40px;
}
.content {
padding-top: 1px!important;
}
/*Formatierung Indivdueller Absatz*/
.absatz-home {
margin-top: -30px;
}
.absatz-home2 {
padding: 0px 0px;
}
/*Formatierung Links im Text*/
a.black:hover{
color: #000000;
}
a.black2:hover{
color: #000000;
font-weight: bold;
}
/*Formatierung Zeilenhöhe Text*/
.post p {
line-height: 1.5em;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
line-height: 1.5em;
}
/*Formatierung Zeilenhöhe Auflistung*/
.entry-content ul.list-icon li {
line-height: 1.5em;
}
/*Formatierung h5 home willkommen*/
h5.wilk{
font-size: 20px;
line-height: 20px;
margin-top: -10px;
}
/*Formatierung für sticky-header*/
body #header.sticky-header #sticky-nav a {
font-size: 18px!important;
}
/*Formatierung für header*/
.link-effect a span {
-moz-transition: none;
}
/*Formatierung für Button blue*/
.button.blue {
background-image: linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -o-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -moz-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -webkit-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -ms-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #377caa),color-stop(1, #377caa));
border: 1px solid #ffffff;
}
.no-cssgradients .button.blue {
background-color: #377caa;
}
/*Formatierung tabs */
.tabset.tabs {
border-right: 1px solid #e0dddd !important;
}
/*Formatierung für Footer */
.footer .widget-content {
background: none;
border: 0;
box-shadow: none;
}
.footer .widget:after {
background: none;
}
#text-2
.widget-title {
text-transform: uppercase;
font-size: 18px;
line-height: 18px;
}
#text-2
.widget-title-background {
color: #377caa;
}
#text-2
.widget-title a {
color: #377caa !important;
}
#text-2
.widget-content {
font-size: 14px !important;
text-transform: uppercase;
background: none !important;
border: none !important;
box-shadow: none !important;
-box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
#text-3
.widget-title {
text-transform: uppercase;
font-size: 18px;
line-height: 18px;
}
#text-3
.widget-content {
font-size: 14px !important;
text-transform: uppercase;
background: none !important;
border: none !important;
box-shadow: none;
-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#text-4
.widget-title {
text-transform: uppercase;
font-size: 18px;
line-height: 18px;
}
#text-4
.widget-content {
font-size: 14px !important;
text-transform: uppercase;
background: none !important;
border: none !important;
box-shadow: none;
-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#text-5
.widget-title {
text-transform: uppercase;
font-size: 18px;
line-height: 18px;
}
#text-5
.widget-content {
font-size: 14px !important;
text-transform: uppercase;
font-size: 15px;
background: none !important;
border: none !important;
box-shadow: none;
-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/*Formatierung für Reading Box*/
.reading-box-container {
margin: 20px 0 0;
}
.reading-box-container .reading-box {
padding-bottom: 80px;
}
.reading-box-container .button {
bottom: 20px;
position: absolute;
}
/* Contact Form 7 */
.wpcf7 p {
text-transform: none;
}
.wpcf7 textarea
{
background-color: #fff;
color: #000;
width: 100%;
}
#name
{
background-color: #fff;
color: #000;
width: 100%;
}
#adresse
{
background-color: #fff;
color: #000;
width: 100%;
}
#plz
{
background-color: #fff;
color: #000;
width: 100%;
}
#ort
{
background-color: #fff;
color: #000;
width: 100%;
}
#email
{
background-color: #fff;
color: #000;
width: 100%;
}
#telefon
{
background-color: #fff;
color: #000;
width: 100%;
}
#captchar2
{
background-color: #fff;
color: #000;
width: 100%;
}
#captchar1
{
background-color: #fff;
color: #000;
width: 30%;
}
/* Vantage Contact Form 7 Submit Button */
.wpcf7 input[type="submit"] {
background-image: linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -o-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -moz-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -webkit-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -ms-linear-gradient(top, #377caa 0%, #377caa 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #377caa),color-stop(1, #377caa));
border: 1px solid #ffffff;
}
/*Formatierung Indivdueller Absatz*/
.absatz-home {
margin-top: 10px;
}
.absatz-home2 {
margin-top: -16px;
}
/*Formatierung Button Senden Buchung*/
.button-senden-buchung {
background-color: #377caa;
}
.link-effect a span {
-moz-transition: none;
}
.tabset.tabs {
border-right: 1px solid #e0dddd !important;
}
Hi Sanschnei,
Thanks for writing in!
The title on the slideshow is shown incorrect on the desktop and responsive version
Please add the following code under your custom CSS field:
#bootstrap-slider .carousel-caption {
text-align: center;
}
Some bullet points (checklist) are shown incorrect
Please add the following code to your custom CSS:
.page-id-3096 .entry-content ul.list-icon li:before {
font-family: fontawesome;
}
Buttons are shown incorrect
Please go under Appearance -> Theme Options -> Shortcodes -> Button. Style your buttons as you require.
Hope this helps.
Thank you!
Hi Imran,
thanks. That helps.
But now the carousel control is on the left, but I would like to have it under the button, on the center of the page.
Could you help?
Thanks.
Sandra
Hi Sandra,
Glad that helped!
In regard to center align the carousel control, please add the following code under your custom CSS field:
#bootstrap-slider .carousel-control.left {
left: 46.7%;
}
#bootstrap-slider .right.carousel-control {
left: 50%;
}
Hope this helps.
Thank you!
Hi Imran,
thank you, now it looks fine in the desktop version. But I still got a problem in the responsive version.
My Custom CSS for the responsive version is this
/*Formatierung responsive Bootstrap slider*/
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption p, #bootstrap-slider .carousel-caption .button {
cursor: pointer;
display: block !important;
margin: 0 auto;
width: 60px !important;
}
}
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption h2 {
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption .button {
bottom: -15px;
position: relative;
}
}
Could you help?
As well I tried to change the button color in the tagline box to my custom color. It works so far, but the button text is not shown anymore with the new settings.
The button is shown as the second button in the screen
http://prntscr.com/a1st2z
Could you help?
Thanks a lot!
Sandra
Hi Sandra,
Glad that helped!
In order to fix the button in responsive version, please add the following code into your custom CSS field:
@media screen and (max-width: 768px) {
#bootstrap-slider .carousel-caption .button {
width: 86px !important;
}
}
button text is not shown anymore with the new settings.
The button text color is just right there named as “Button Accent Color” (see: http://prntscr.com/a1ty5e).
Hope this helps.
Thank you!
The topic Update to evolve-plus 2.5.1 – pages are shown incorrect is closed to new replies