related posts

How do I change the size of the image in the related posts section on my page? 
«1

Comments

  • One more question: What are the dimensions of the photo boxes if I have a right sidebar? And if I don't have a sidebar? 
  • Ok, last thing: I'd like to get rid of the part up top where people can click the heart icon to like the portfolio or not. Please advise...
  • Hi,

    1. To change images sizes, you must play with functions/theme-functions.php and add_image_size() functions inside.

    2. It doesn't matter what sizes you got.

    3. The answer on this question you can find on this forum already http://forum.muffingroup.com/betheme/discussion/2895/deleting-unnecessary-elements-single-portfolio-page-modifications
  • Per No. 3, where exactly do I put it?
  • All custom css's should be pasted under Theme options > Custom CSS & JS > Custom CSS section.
  • That didn't work. Maybe I have conflicting CSS codes? Here's everything I have right now...

    a#back_to_top { background-color: #858585; }

    #Subheader { display: none; }

    .project-description { display: none; }

    .single-portfolio .post-meta { display: none; }

    .section-post-related .post-related .date_label { display: none; }

    .portfolio_group .portfolio-item .desc .title_wrapper .button-love { display: none; }
    .image_frame .image_wrapper .image_links { display: none; }
  • Try to use with !important declaration then. Also make sure that you don't use any cache. But if this won't help, then please provide url to site where you did it and let us know which css line exactly does not work.
  • What exactly do you mean by important declaration? Do I put a ! somewhere? 

    Other than that, I have just one other thing: I'd like my footer, where I have my copyright, to be in roboto font, instead of like the rest of the content font on the site. Is there a CSS code to make that happen? 
  • We meant that each css line should have !important declaration, like:
    .image_frame .image_wrapper .image_links { display: none !important; }
  • Aaaa, ok. And the footer? Can I change the font where I have my copyright? 
  • Do you mean font family or color?
  • Font family...in my menu bar, I'm using roboto. I want to use the same in the footer, to be consistent, while leaving the rest of the font in the context the way I have it. It's just the way the template was built, when you change the font for your context, it changes the footer as well. 

    Also, one other thing, which I'm sure I would be able to figure out if my server weren't down...I like your theme so much, I recommended it for a client. But he wants his to be in the "shop" style...


    Where do I adjust the theme so it looks like that? As I said, I would just dig around and I'm sure I would figure it out, as I did with my portfolio theme, but my server is down and I'm trying to save time on the back end once it's up and running again...
  • What is the url to site where you want to change this font family?
  • ryanhiraki.com 


  • Ok. To change font family for copyright section, please use below css:
    #Footer .footer_copy .copyright { font-family: Roboto !important; }
  • Thanks...on another note, I bought another Be Theme for a friend and I want the top of his homepage to look just like the demo below...


    ...only I want the menu bar to be to the left. I've updated the layout and picked creative for the header. But I can't figure out how to add a big photo to the right of the menu bar. I've checked the documentation but I haven't found it there. 

    Please advise...
  • Which big photo you mean? But menu is already aligned to left side so we also do not understand what exactly you mean.
  • Here's his page, or at least the beginning stages of it...


    He decided to go with the normal menu. But how do we make the photo in the background bigger? I uploaded a big photo and it just cut it off after displaying a quarter of it. He wants it to look like the demo. 

    Also, is there a code to link the little shopping cart in the menu bar to an Amazon or Linio page? 
  • If you mean header where background image is, you should upload larger image. Currently width of this image is not big enough and that's why it does not look good. But to increase header height to show full height of the image, please use below css:
    body:not(.template-slider) #Header { min-height: 600px !important; }
    About the cart icon, this can be changed only in theme files because there is no option included to change this.

    Thanks!
  • So is there something I can do in theme files? Or is that not possible? If it's not, I understand. Just wanna do the best I can for my friend because he doesn't understand any of this. 

    On another note, on my page, ryanhiraki.com, I made the font bigger in the content by using the H4 option. But doing that took away the aqua blue highlight on top of my links. Do I have to adjust the font size manually with each section by using this...   

    <font size="6">

    ...or is there a code I can use that will fix it all? 

    Thanks!
  • If you know coding, then you can try but files modifications are not included and we do not offer theme. All files modifications are at your own risk.

    You seriously use code as above? <font size="6"> - if this is what you do, then it's definitely time to learn css because font should be controlled with css as below:

    <p style="font-size: 10px;"></p>

    Of course instead of p, you can use any text which is available for texts.

    Hope this will help you :)
  • Haha, yes, I will be learning CSS as soon as I get done with all this video stuff I'm working on. 

    As for the font, where do I put that? I put it in the CSS box and nothing happened. 
  • This is html code, not css. Each html should be used in "Columns" item for example.
  • Well is there a CSS for that? And if not, where is "columns" so I can put the code there? 

    I actually tried putting in the code on one of the pages by changing it from visual to text mode, but nothing happened there either...
  • "Column" is an Muffin Builder item.
  • So that means even on my blog page I should put all content in a column so I can use that code? 
  • And how do I fix it so the letters don't overlap when I increase the size, like they are on this page? 

  • Yes, exactly. But wordpress Blog page does not allow to use any builder itself because blog page only display list of posts.

    Which letters overlap? Because we checked your site and do not see anything.
  • I ended up just adjusting the code to make the font size smaller. I guess that'll work for now
  • How did you put this layer over the featured images in the demo?

Sign In or Register to comment.