[sailaway]

Hi Kyle, thank you. I figured it out. I made changes in sf-header.php

I’m using the information for top bar. I added $tb_right_text = $options['tb_right_text']; to variables of the header and change the the right side of the header like following:
$header_output .= '<div class="header-right col-sm-4">'. do_shortcode($tb_right_text).'</div>'. "\n";

Everything works good but I think it should be changed in child theme. I already created child theme but I’m not sure what file I need to added to child. Do I copy the whole modified sf-header.php or just part of it.

Thank you, Katerina

[sailaway]

Hi, I’m sorry but I’m still completely lost. I assigned new class .rowshadow to the row. The row has the picture in background. There is a blank spacer and testimonial slider inside. These elements don’t have any class assign to it. If I delete .rowshadow class from the row the shadow and border disappear.

Thank you for your help, Katerina

[sailaway]

Hi, thank you for reply. Unfortunately it does not work. It takes the border line all together. I would like to keep the border there but just thinner.
Thank you, Katerina

[sailaway]

Hi, thank you for your help. It did not do it. It is removing border from bottom or top as on first screen shot.
If I change vertical padding of the row to 20px I can see they are two object with border as on the second screen shot.
Once the padding is set to 0px the two borders are on the top of each other which makes the lines twice thick. I just can figure out which two object are affected.

Thank you, Katerina

Attachments:

You must be logged in to view attached files.

[sailaway]

Hi,
I tried to do to assign new class to the row and add this to css.

.rowshadow {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #5B4036;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) inset;
padding-right: 0px;
padding-left: 0px;
}

It is almost perfect but the border is thicker because they are actually two lines above each other. Also it on the mobile it shows two lines on the bottom of row with about 10px space in between.

Can you please help me to fix it?

Thank you, Katerina

[sailaway]

Thank you, I did. My mistake. Long hours behind computer. Katerina

[sailaway]

No, I do not.

The whole page has some problem. I just created test page and added the picture there and it works how it supposed to. I do not experience any problem as I describe on Home page. I will recreate the home page all together. It should do it.

I have one more question for you. Styling of the home page is completely different than the other page. Do I need to style every single page separately or they all should look the same?

This is the page which has some issues but the styling is how I wanted. http://www.test.sailawaysandiego.com
This is the page with the image working with overlay but the styling is not correct. http://www.test.sailawaysandiego.com/test/

Im getting little confused here. Thank you, Katerina

[sailaway]

Hi, thank you for your replay. I have already tried that but it does not work. As well the link on safari does not work. Thank you, Katerina

[sailaway]

I’m sorry but the link is http://www.test.sailawaysandiego.com

Katerina

[sailaway]

Sorry but it seems I didn’t add the link.

Katerina

[sailaway]

This reply has been marked as private.

[sailaway]

Thank you for your reply. Is there a way to move the content to bottom instead of centered? Thank you, Katerina