Forum Support

Shape 5
March 29, 2024, 08:52:41 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Problems with Wordpress edition of Content Fader (Corporate Response Theme)  (Read 1706 times)
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« on: October 15, 2016, 01:51:39 PM »

Good morning!

I have a problem with the Wordpress version of the Image and Content Fader.

Short intro: I have bought the template for Joomla a few years ago (2012 I think), and installed our website. Afterwards I decided to re-register and buy the Wordpress theme also for future use. Because my Joomla template does not update well and is no longer supported by my internet host, I am now installing the wordpress theme.

I have two issues at the moment:

1. The "grey overlay" uses the whole picture, so my picture, the title and the text are faded. I put opacity at 60 now, but originally the whole screen was grey and you couldn't see the picture or title/text. I do not want this grey overlay. I want it to be like the template. Just clear, Title without background color, and only the text below the title in a black box like the original template. How can I realise that? What settings should I change?

2. The text in aligned top-left. In Joomla it is just in the middle. How can I fix that?

I hope you can help me. As far as I can see now the Joomla version works better than the wordpress edition, on the other hand, I am quite new to wordpress, so maybe it's just a simple setting.

Thank you for your help.

Kind regards,

Willem van Duren
« Last Edit: October 19, 2016, 08:01:00 AM by wvduren » Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: October 17, 2016, 07:01:01 AM »

As far as the overlay goes, you should be able to just turn the opacity to 0.

For the content layout, there have been some changes in the way the framework functions as well as in the plugin.  You may need to install the Vertex Upgrade Patch.

You could also just revert the plugin to the version that was included when you first downloaded the shaper, then make sure not to update it.  There have been some changes to the plugin structure which were necessary to allow for new features; if you are not using any of the new features, then using the old version of the plugin may be a better option for you.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #2 on: October 17, 2016, 07:26:22 AM »

Thank you for your fast reply.

I have put the opcaity to 0. Problem is that my TITLE and TEXT are also invisibile now Smiley (I can be a very good magician it seems Tongue)

Can you send me the Original content fader by PM/link? I have the template, but that's just a packed "Root-folder", so I am not sure how to filter the Original content fader from there?

I will now try to install the patch first and keep you updated.
Logged
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #3 on: October 17, 2016, 09:56:12 AM »

Ok. So I have installed the Vertex 4 patch. After the Vertex 4 upgrade I deleted the Content Fader, and Reinstalled it.

Unfortunately without result.

I put the Slide Opacity to 500 now. Text and subtext are very clear, which is great. Only the grey background remains... The background color field is empty. Maybe something goes wrong there?

2nd question: How can I remove the "Open Gallery" button ?

I am looking forward to your advise.
« Last Edit: October 19, 2016, 08:00:22 AM by wvduren » Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #4 on: October 18, 2016, 07:06:40 AM »

Attached is the version of Image and Content Fader that was used for the demo and included in the shaper.  You can always try that and see if it gives you the results you are looking for.

As for the Gallery tab, it appears that you've already figured out which setting to change in order to disable it.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #5 on: October 18, 2016, 08:13:40 AM »

Good afternoon!

Yes that works Smiley Now I only need to change the Title color to white. Do you have an idea for that?

Thank you very much for your help! Very happy so far.
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #6 on: October 19, 2016, 07:00:42 AM »

Adding the following code to the bottom of the style.css file for the theme should give the results you want:

Code:
.jdGallery .slideInfoZone h2 {
    color: white;
}

Also: Don't forget, if you're using the older version of the plugin, you'll need to make sure you don't update the plugin, or you'll end up having the same issue again.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #7 on: October 19, 2016, 07:09:40 AM »

Thanks again.

Unfortunately no luck

My style.css:

Quote
/*
Theme Name: Shape5 Corporate Response
Theme URI: http://shape5.com/
Description: Corporate Response
Version: 2.0
Author: Shape5
*/
/*All CSS in this file is for Wordpress specific items
  all S5 CSS can be found in the CSS subfolder in the
  theme sub-directory
*/

/* WordPress Core */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float:right;margin: 5px 0 20px 20px;}
img.alignright {float:right; margin:0 0 1em 1em}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;}
img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin:0;max-width: 98.5%;padding:0;width: auto;}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
/* End WP Core */

/** Widget Preview Blocks **/
.mod-preview-info {
    background-color: white;
    border: 1px solid black;
    color: red;
    opacity: 0.8;
    padding: 2px 4px;
    position: absolute;
   min-height:25px;
   text-transform:none;
}

.mod-preview-wrapper {
    background-color: #EEEEEE;
    border: 1px dotted black;
    color: #770000;
    opacity: 0.5;
   min-height:30px;
}
/** End Widget Preview Blocks **/

.screen-reader-text, s5c ul span.s5_outerr, ul li ul span.s5_outerr{
   display:none
}

#s5_topgradsearch #searchsubmit {display:none;}



#s5_bottommenu ul li {
    background: none repeat scroll 0 0 transparent;
}

.readmore{
   margin-right: 15px;
}

/* Dynamic Widget Titles */
.s5_h3_tag_wrap {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) inset;
font-weight:normal;
font-size:0.7em;
padding:10px;
padding-top:0px;
padding-bottom:0px;
margin-left:12px;
color:#FFFFFF;
float:right;
margin-top:-2px;
}

#s5_search .button{ display: none;}

.entry-utility{clear: both;margin-top: 15px;position: relative;}
.cat-links{clear: both;margin-top: 15px;position: absolute;bottom: 0;}
#s5_nav a, #subMenusContainer a {cursor:pointer !important;}

.jdGallery .slideInfoZone h2
{
    color: white;
}
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #8 on: October 19, 2016, 07:23:29 AM »

Try this:

Code:
.jdGallery .slideInfoZone h2 {
    color: white !important;
}
« Last Edit: October 19, 2016, 07:27:43 AM by Tristan Rineer » Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #9 on: October 19, 2016, 07:45:13 AM »

Haha Smiley That works. But...

Now I lost my black stroke/background (both layers are white now, so now I need to make the back-layer black)
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #10 on: October 19, 2016, 07:52:02 AM »

Looking at it with Firebug, it appears that adjusting the previous code to this should do what you want:

Code:
.jdGallery .slideInfoZone h2 {
    color: #FFFFFF !important;
    text-shadow: 1px 1px #000000 !important;
}
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #11 on: October 19, 2016, 07:58:52 AM »

Yes! That's it.

Thank you very much for your help. Another happy customer Smiley
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #12 on: October 20, 2016, 08:22:25 AM »

Glad to help!

Was there anything else, or can I go ahead and lock this thread?
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wvduren
Jr. Member
**
Offline Offline

Posts: 8



« Reply #13 on: October 20, 2016, 08:40:00 AM »

You can lock it! Smiley
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.