Help! How to change promotion headline's text color, and other issues- Fullframe

This topic has 20 replies, 3 voices, and was last updated 8 years, 11 months ago by Sakin.

Viewing 20 posts - 1 through 20 (of 21 total)

1 2 →

Author

Posts
March 21, 2015 at 4:45 am #53858

Laura Pio
Member

Hi everyone! 🙂

I’m currently using the Fullframe theme, free version. I need your guys help because I haven’t published my website yet due to the issues below. I tried everything, looked for an answer in foruns and even tried lots of codes suggested but couldn’t manage to solve the problems. It’s been days I’m trying, so I’d be very grateful if someone told me how to fix it. Please be very specific because I’m not acquainted with html codes etc.

1- I managed to change the promotion’s headline font and size of the title AND text. It’s not possible to change both separately. But although I changed the title’s color white, for some reason the same didn’t happen to the text: the title went white but the text still remains with the default color, a light gray that makes it hard to read over the silver background I set.

2- How can I remove the line at the bottom of my post, displayed on my frontpage?

3- How can I change the frontpage’s featured content’s thumbnails size, add a border etc?

4- Last but not least: how the heck do I center my galleries? This one is driving me crazy.

Thank you in advance!

Laura

March 21, 2015 at 5:41 pm #53895
Sakin
Keymaster
@Laura Pio:
1. For Promotion headline and subheadline text color, you can change the color code in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
```
/* Promotion Headline Color */
#promotion-message h2 { color: #404040;  }
/* Promotion Sub-Headline Color */
#promotion-message p { color: #404040; }
```
2. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
.archive-post-wrap { border: none; }

3. You need to be more clear about this. Since, I don’t have your site URL proving support is not that easy as I need to make it log of assumption.
For border, you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
#featured-content img { border: 1px solid #000; }

But for size, it take default size Width: 400px and Height: 225px added in your page as featured image. If you upload image larger then this then it will crop exactly to this to match responsive design. But if you upload featured image in your page less then this then it will load your original image. But if you want flexible image and all then you might need to upgrade to pro version where you have option to use “Featured Image Content”, where you just uplaod the image as per your need. See the theme instructions for more details at http://catchthemes.com/theme-instructions/full-frame/

4. To check the gallery, your site needs to live. There are various way users adds in Gallery. Our theme uses like this http://catchthemes.com/demo/full-frame/gallery/
March 23, 2015 at 7:47 pm #54139

Laura Pio
Member

Sakin, IT WORKED! It worked! haha, I went bananas when I saw things change in a matter of seconds! Thank you! I’ve published my site after that which is laurapiofotografia.com.br

Please notice I use a squares gallery from Jetpack but still it isn’t centered. I was forced to align the title of my pages left because as they are normal media, they do get centered, but as the galleries don’t, the centered titles can’t fit them. Any ideas?

Sakin, I can I rely on you to help me on other issues?

1- I want my logo to be displayed at the bottom of my frontpage (since it’s not possible to be shown on the top, like on the promotion headline for example) and the only solution I found was to set “my latest posts” instead of a static frontpage and created a post where I just set my logo as a featured image.
But I don’t like the fact that people can see that little red calendar sign on the left and can access it as if it was a picture… Is it possible to be solved? Or is there any other solution to display my logo on the frontpage or even in all pages on a fixed header or background?

Mobile issues – not good at all:

a) The menu isn’t showed when I click on those small menu bars (very bad thing to someone who wants to navigate through my website);

b) When I click to enlarge a photo, it doesn’t fit the mobile’s screen and the horizontal photos look just small, even when I turn my tablet on the horizontal position;

c) The description of my pictures is gone! Where have they gone? D:

d) A security warning is displayed as soon as I access the site and over all pages I access. People will think my site has as virus.

I have accessed the site using Android.

Thanks a lot in advance to everyone who can help me, especially you Saki, who already did!

March 23, 2015 at 9:48 pm #54161
Sakin
Keymaster
@Laura Pio:
1. We have just added “Disable Fixed Header toggle” in Full Frame pro theme. So, when you do that it will remove menu toggle and will disable header always on top.
Ok to hide that calender icon and all. You can add following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
```
.home .archive-post-wrap .entry-header, 
.home .archive-post-wrap .entry-footer {
    display: none; 
}
```
2. You website is too heavy. Like you have background image of size 1.2MB, it is more than homepage size of most of the website. That is why you have issue with your mobile devices. As the menu works only after the site loads properly. So, I suggest you to remove that heavy background.

3. Sorry I don’t understand b and c

4. Security alert. I don’t see this.
March 23, 2015 at 11:32 pm #54176

Laura Pio
Member

Sakin, thanks for replying.

I didn’t know those sizes were considered heavy. :p Well, I’ve just changed the size of the background images from all pages, including the frontpage, but it’s still not possible to open the menu…. 🙁 Any other suggestions?

As for the letter C, if you open my photos in a desktop or laptop, you can read their descriptions; I’ve written a description on most of them. But if you open the photos in a mobile device, the descriptions aren’t there. What could be the reason for that?

Thanks again!

March 24, 2015 at 5:09 am #54201

Laura Pio
Member

By the way… this is how my frontpage looks on an IPhone: the header covers 80% of my main slides! 🙁

http://laurapiofotografia.com.br/wp-content/uploads/IMG_1723.png

March 24, 2015 at 10:11 am #54218

Sakin
Keymaster

@Laura Pio: looks like it’s issue in older version of iPhone as I don’t have issue in my iPhone. So try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (max-width: 319px) { #logo-icon { width: 55%; } }

Did you wait for site to load fully and click on menu.

March 24, 2015 at 6:04 pm #54239

Laura Pio
Member

Yes, I waited.
Well, I’m gonna try this code and see what happens.

I’d like to thank you again for all the support you gave me!

I’ll sure consider buying the pro version to support you guys, probably in 1 month. This month I became poor with so many expenses like hosting, domains etc haha!

Tell me one thing, will the white label on the bottom disappear if I buy the pro version? (that thing written “Full frame theme by Catch Themes”)

Thanks.

March 24, 2015 at 11:23 pm #54259

Sakin
Keymaster

@Laura Pio: Yes, you can remove/edit that from “Appearance => Customize => Theme Options => Footer Editor Options” in Full Frame Pro theme. See the theme instructions page at http://catchthemes.com/theme-instructions/full-frame-pro/

March 28, 2015 at 9:32 am #54520

Laura Pio
Member

Hi Sakin.

Sorry to bother again but if I plan to buy this theme, I must be sure this problem will be solved…

Please is there any other way I can fix the fact that on mobile phones, the header almost fully covers my main sliders? Take a look again: http://laurapiofotografia.com.br/wp-content/uploads/IMG_1723.png

It wasn’t tested in an older version of IPhone as you supposed. It looks like this in all mobiles I access my website. Even in Google Page Speed Insights you can see that the header covers the slider.

There must be a way to fix it, because even though this theme is mobile responsive, it’s not working perfectly.

The code you suggested me to put in the custom CSS box didn’t work: @media screen and (max-width: 319px) { #logo-icon { width: 55%; } } 🙁

What do you think I could do to improve my mobile version and get rid of this problem?

Thanks!

March 28, 2015 at 1:18 pm #54530
Sakin
Keymaster
@Laura Pio: Replace the previous CSS that I give you with the following css:
```
@media screen and (max-width: 400px) { .wrapper { padding: 0 10px; } }
@media screen and (max-width: 319px) { #logo-icon { width: 55%; } }
```
March 29, 2015 at 3:56 am #54626

Laura Pio
Member

Yeaaaahh! You are the one! It worked! 😀

Now I just need to know how to make the title of my galleries in my featured content on the frontpage turn white again. It’s gray again, I don’t know why 😮
I’ve set all the typography colors to white on style.css but nothing has changed.

Please help again! You are the master!

March 29, 2015 at 11:13 am #54639
Sakin
Keymaster
@Laura Pio: You shouldn’t edit any core theme files like style.css and all. As all these edits will be reverted back to original when you update/upgrader the theme. So, for CSS change either you can build child theme and add in your child theme style.css or add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
```
#featured-content .entry-title, #featured-content .entry-title a {
    color: #fff;
}
```
March 29, 2015 at 6:16 pm #54659

Laura Pio
Member

Hi,

I’m aware of this. I’ve got a tutorial of how to make a child theme and will learn it as soon as possible.

Well, again your help was gold! Thank you, man!

Have a great Sunday. ^_^

Laura

March 29, 2015 at 11:20 pm #54689

Sakin
Keymaster

@Laura Pio: Did you check our blog post about child theme at http://catchthemes.com/blog/create-child-theme-wordpress/

thanks and you too have a great Sunday 🙂

May 30, 2015 at 11:26 am #58590

Steve
Member

How do I center the promotion headline?

May 30, 2015 at 11:06 pm #58601

Sakin
Keymaster

@Steve: Which theme are you using it? Can you post in your site URL so that I can check in and send you css for this.

May 31, 2015 at 10:10 pm #58674

Steve
Member

catch responsive – http://www.ccstrongfit.com Also, since centering the logo, my facebook link now also centers on mobile deices. What is the name of the top left menu and how can I change the color of it so it is easily visible?

thank you!

June 1, 2015 at 9:10 am #58691
Sakin
Keymaster
@Steve:
1. To center the promotion headline, you can add the following css in “Appearance => Customize => Theme Options => Custom CSS” box:
```
#promotion-message .left {
    max-width: 100%;
    text-align: center;
    width: 100%;
}
```
2. To change the too left menu color, you can adjust the color code in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS” box:
```
.mobile-menu-anchor a.genericon-menu, .mobile-menu-anchor a.genericon-menu:hover {
    color: #404040;
}
```
3. Yes, it will all be center in mobile devices, check our demo http://catchthemes.com/demo/catch-responsive/
June 2, 2015 at 6:27 am #58752

Steve
Member

Thank you! Is there a way to add text to the right of my logo?
Author

Posts